#f2aa1d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2aa1d | RGB(242, 170, 29) |
Created at 02/23/2023 14:58
RGB values are RGB(242, 170, 29)
#f2aa1d color contains Red 94.9%, Green 66.67% and Blue 11.37%.
oklch(78.74% 0.1589 76.91)
#f2aa1d color contains Red 94.9%, Green 66.67% and Blue 11.37%.
oklch(78.74% 0.1589 76.91)
Color Names of #f2aa1d HEX code
≈ Buttercup
Classification of #f2aa1d color
#f2aa1d is Light and Warm Color Saturation 89%, lightness 53%.
Tint of Orange
Alternative colors of #f2aa1d
Opposite Color for #f2aa1d is #1d65f2
#f2aa1d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2aa1d
cmyk
CMYK(0%, 30%, 88%, 5%)
Decimal
15903261
HEX
#f2aa1d
HSL
hsl(40, 89%, 53%)
HSLA
hsla(40, 89%, 53%, 1)
RGB
RGB(242, 170, 29)
RGBA
RGBA(242, 170, 29, 1)
Palettes for #f2aa1d color:
Below are examples of color palettes with the #f2aa1d HEX color
darkest color is #181103 from shades and lightest color is #fef7e8 from tints
Shades palette of #f2aa1d:
#da991a
#c28817
#a97714
#916611
#79550f
#61440c
#493309
#302206
#181103
#000000
Tints palette of #f2aa1d:
#f3b334
#f5bb4a
#f6c461
#f7cc77
#f9d58e
#fadda5
#fbe6bb
#fceed2
#fef7e8
#ffffff
Complementary palette of #f2aa1d:
#f2aa1d
#1d65f2
Triadic palette of #f2aa1d:
#f2aa1d
#1df2aa
#aa1df2
Square palette of #f2aa1d:
#f2aa1d
#1df240
#1d65f2
#f21dcf
Analogous palette of #f2aa1d:
#f2401d
#f2aa1d
#cff21d
Split-Complementary palette of #f2aa1d:
#f2aa1d
#1dcff2
#401df2
Rectangle (tetradic) palette of #f2aa1d:
#f2aa1d
#65f21d
#1d65f2
#aa1df2
Suggested color palettes for #f2aa1d HEX:
Color palette with color #f2aa1d #1:
Color palette with color #f2aa1d #2:
Color palette with color #f2aa1d #3:
Color palette with color #f2aa1d #4:
Color palette with color #f2aa1d #5:
Color #f2aa1d used in palettes (1)
Color Contrast
Color pairings of #f2aa1d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2aa1d
#f2aa1dContrast Ratio
1.99:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2aa1d
#f2aa1dContrast Ratio
10.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2aa1d color png
Visit the popular colors list for more colors