#f2a71f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2a71f | RGB(242, 167, 31) |
Created at 02/18/2023 13:11
RGB values are RGB(242, 167, 31)
#f2a71f color contains Red 94.9%, Green 65.49% and Blue 12.16%.
oklch(78.19% 0.1582 75.06)
#f2a71f color contains Red 94.9%, Green 65.49% and Blue 12.16%.
oklch(78.19% 0.1582 75.06)
Color Names of #f2a71f HEX code
≈ Fuel Yellow
Classification of #f2a71f color
#f2a71f is Light and Warm Color Saturation 89%, lightness 54%.
Tint of Orange
Alternative colors of #f2a71f
Opposite Color for #f2a71f is #1f6af2
#f2a71f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a71f
cmyk
CMYK(0%, 31%, 87%, 5%)
Decimal
15902495
HEX
#f2a71f
HSL
hsl(39, 89%, 54%)
HSLA
hsla(39, 89%, 54%, 1)
RGB
RGB(242, 167, 31)
RGBA
RGBA(242, 167, 31, 1)
Palettes for #f2a71f color:
Below are examples of color palettes with the #f2a71f HEX color
darkest color is #181103 from shades and lightest color is #fef6e9 from tints
Shades palette of #f2a71f:
#da961c
#c28619
#a97516
#916413
#795410
#61430c
#493209
#302106
#181103
#000000
Tints palette of #f2a71f:
#f3b035
#f5b94c
#f6c162
#f7ca79
#f9d38f
#fadca5
#fbe5bc
#fcedd2
#fef6e9
#ffffff
Complementary palette of #f2a71f:
#f2a71f
#1f6af2
Triadic palette of #f2a71f:
#f2a71f
#1ff2a7
#a71ff2
Square palette of #f2a71f:
#f2a71f
#1ff23e
#1f6af2
#f21fd4
Analogous palette of #f2a71f:
#f23d1f
#f2a71f
#d3f21f
Split-Complementary palette of #f2a71f:
#f2a71f
#1fd3f2
#3d1ff2
Rectangle (tetradic) palette of #f2a71f:
#f2a71f
#6af21f
#1f6af2
#a71ff2
Suggested color palettes for #f2a71f HEX:
Color palette with color #f2a71f #1:
Color palette with color #f2a71f #2:
Color palette with color #f2a71f #3:
Color palette with color #f2a71f #4:
Color palette with color #f2a71f #5:
Color #f2a71f used in palettes (1)
Color Contrast
Color pairings of #f2a71f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2a71f
#f2a71fContrast Ratio
2.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a71f
#f2a71fContrast Ratio
10.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a71f color png
Visit the popular colors list for more colors