Created at 03/11/2023 12:44
#f2da5f HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #f2da5f | RGB(242, 218, 95) |
RGB values are RGB(242, 218, 95)
#f2da5f color contain Red 94.9%, Green 85.49% and Blue 37.25%.
oklch(88.53% 0.1438 98.31)
#f2da5f color contain Red 94.9%, Green 85.49% and Blue 37.25%.
oklch(88.53% 0.1438 98.31)
Classification of #f2da5f color
#f2da5f is Light and Warm Color Saturation 85%, lightness 66%.
Tint of Khaki
Alternative colors of #f2da5f
Opposite Color for #f2da5f is #5f77f2
#f2da5f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2da5f
Decimal
15915615
HEX
#f2da5f
HSL
hsl(50, 85%, 66%)
HSLA
hsla(50, 85%, 66%, 1)
RGB
RGB(242, 218, 95)
RGBA
RGBA(242, 218, 95, 1)
Palettes for #f2da5f color:
Below examples of color palettes for #f2da5f HEX color
darkest color is #181609 from shades and lightest color is #fefbef from tints
Shades palette of #f2da5f:
#dac456
#c2ae4c
#a99943
#918339
#796d30
#615726
#49411d
#302c13
#181609
#000000
Tints palette of #f2da5f:
#f3de6f
#f5e17f
#f6e58f
#f7e99f
#f9edaf
#faf0bf
#fbf4cf
#fcf8df
#fefbef
#ffffff
Complementary palette of #f2da5f:
#f2d95f
#5f77f2
Triadic palette of #f2da5f:
#f2d95f
#5ff2d9
#d95ff2
Square palette of #f2da5f:
#f2d95f
#5ff290
#f25fc1
#5f77f2
Analogous palette of #f2da5f:
#f2905f
#f2d95f
Split-Complementary palette of #f2da5f:
#f2d95f
#f2905f
Rectangle (tetradic) palette of #f2da5f:
#f2d95f
#5ff290
#f25fc1
#5fc1f2
Suggested colors palettes for #f2da5f HEX:
Colors palette with color #f2da5f #1:
Colors palette with color #f2da5f #2:
Colors palette with color #f2da5f #3:
Colors palette with color #f2da5f #4:
Colors palette with color #f2da5f #5:
Color #f2da5f used in palettes (1)
Color Contrast
Color pairings #f2da5f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f2da5f
#f2da5f Contrast Ratio
1.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2da5f
#f2da5f Contrast Ratio
14.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2da5f color png
Visit the popular colors list for more colors