#f2a442 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2a442 | RGB(242, 164, 66) |
Created at 02/21/2023 19:13
RGB values are RGB(242, 164, 66)
#f2a442 color contains Red 94.9%, Green 64.31% and Blue 25.88%.
oklch(77.85% 0.1436 68.58)
#f2a442 color contains Red 94.9%, Green 64.31% and Blue 25.88%.
oklch(77.85% 0.1436 68.58)
Color Names of #f2a442 HEX code
≈ Yellow Orange
Classification of #f2a442 color
#f2a442 is Light and Warm Color Saturation 87%, lightness 60%.
Tint of Orange
Alternative colors of #f2a442
Opposite Color for #f2a442 is #4290f2
#f2a442 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a442
cmyk
CMYK(0%, 32%, 73%, 5%)
Decimal
15901762
HEX
#f2a442
HSL
hsl(33, 87%, 60%)
HSLA
hsla(33, 87%, 60%, 1)
RGB
RGB(242, 164, 66)
RGBA
RGBA(242, 164, 66, 1)
Palettes for #f2a442 color:
Below are examples of color palettes with the #f2a442 HEX color
darkest color is #181007 from shades and lightest color is #fef6ec from tints
Shades palette of #f2a442:
#da943b
#c28335
#a9732e
#916228
#795221
#61421a
#493114
#30210d
#181007
#000000
Tints palette of #f2a442:
#f3ad55
#f5b668
#f6bf7b
#f7c88e
#f9d2a1
#fadbb3
#fbe4c6
#fcedd9
#fef6ec
#ffffff
Complementary palette of #f2a442:
#f2a442
#4290f2
Triadic palette of #f2a442:
#f2a442
#42f2a4
#a442f2
Square palette of #f2a442:
#f2a442
#42f24c
#4290f2
#f242e8
Analogous palette of #f2a442:
#f24c42
#f2a442
#e8f242
Split-Complementary palette of #f2a442:
#f2a442
#42e8f2
#4c42f2
Rectangle (tetradic) palette of #f2a442:
#f2a442
#90f242
#4290f2
#a442f2
Suggested color palettes for #f2a442 HEX:
Color palette with color #f2a442 #1:
Color palette with color #f2a442 #2:
Color palette with color #f2a442 #3:
Color palette with color #f2a442 #4:
Color palette with color #f2a442 #5:
Color #f2a442 used in palettes (1)
Color Contrast
Color pairings of #f2a442 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2a442
#f2a442Contrast Ratio
2.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a442
#f2a442Contrast Ratio
10.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a442 color png
Visit the popular colors list for more colors