#f2a84e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2a84e | RGB(242, 168, 78) |
Created at 02/25/2023 15:50
RGB values are RGB(242, 168, 78)
#f2a84e color contains Red 94.9%, Green 65.88% and Blue 30.59%.
oklch(78.69% 0.1362 68.64)
#f2a84e color contains Red 94.9%, Green 65.88% and Blue 30.59%.
oklch(78.69% 0.1362 68.64)
Color Names of #f2a84e HEX code
≈ Casablanca
Classification of #f2a84e color
#f2a84e is Light and Warm Color Saturation 86%, lightness 63%.
Shade of Sandy Brown
Alternative colors of #f2a84e
Opposite Color for #f2a84e is #4e98f2
#f2a84e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a84e
cmyk
CMYK(0%, 31%, 68%, 5%)
Decimal
15902798
HEX
#f2a84e
HSL
hsl(33, 86%, 63%)
HSLA
hsla(33, 86%, 63%, 1)
RGB
RGB(242, 168, 78)
RGBA
RGBA(242, 168, 78, 1)
Palettes for #f2a84e color:
Below are examples of color palettes with the #f2a84e HEX color
darkest color is #181108 from shades and lightest color is #fef6ed from tints
Shades palette of #f2a84e:
#da9746
#c2863e
#a97637
#91652f
#795427
#61431f
#493217
#302210
#181108
#000000
Tints palette of #f2a84e:
#f3b160
#f5b971
#f6c283
#f7cb95
#f9d4a7
#fadcb8
#fbe5ca
#fceedc
#fef6ed
#ffffff
Complementary palette of #f2a84e:
#f2a84e
#4e98f2
Triadic palette of #f2a84e:
#f2a84e
#4ef2a8
#a84ef2
Square palette of #f2a84e:
#f2a84e
#4ef256
#4e98f2
#f24eea
Analogous palette of #f2a84e:
#f2564e
#f2a84e
#eaf24e
Split-Complementary palette of #f2a84e:
#f2a84e
#4eeaf2
#564ef2
Rectangle (tetradic) palette of #f2a84e:
#f2a84e
#98f24e
#4e98f2
#a84ef2
Suggested color palettes for #f2a84e HEX:
Color palette with color #f2a84e #1:
Color palette with color #f2a84e #2:
Color palette with color #f2a84e #3:
Color palette with color #f2a84e #4:
Color palette with color #f2a84e #5:
Color #f2a84e used in palettes (1)
Color Contrast
Color pairings of #f2a84e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2a84e
#f2a84eContrast Ratio
2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a84e
#f2a84eContrast Ratio
10.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a84e color png
Visit the popular colors list for more colors