#f2a22a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2a22a | RGB(242, 162, 42) |
Created at 03/10/2023 21:45
RGB values are RGB(242, 162, 42)
#f2a22a color contains Red 94.9%, Green 63.53% and Blue 16.47%.
oklch(77.33% 0.1548 71.09)
#f2a22a color contains Red 94.9%, Green 63.53% and Blue 16.47%.
oklch(77.33% 0.1548 71.09)
Color Names of #f2a22a HEX code
≈ Sea Buckthorn
Classification of #f2a22a color
#f2a22a is Light and Warm Color Saturation 88%, lightness 56%.
Shade of Orange
Alternative colors of #f2a22a
Opposite Color for #f2a22a is #2a7af2
#f2a22a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a22a
cmyk
CMYK(0%, 33%, 83%, 5%)
Decimal
15901226
HEX
#f2a22a
HSL
hsl(36, 88%, 56%)
HSLA
hsla(36, 88%, 56%, 1)
RGB
RGB(242, 162, 42)
RGBA
RGBA(242, 162, 42, 1)
Palettes for #f2a22a color:
Below are examples of color palettes with the #f2a22a HEX color
darkest color is #181004 from shades and lightest color is #fef6ea from tints
Shades palette of #f2a22a:
#da9226
#c28222
#a9711d
#916119
#795115
#614111
#49310d
#302008
#181004
#000000
Tints palette of #f2a22a:
#f3ab3f
#f5b555
#f6be6a
#f7c77f
#f9d195
#fadaaa
#fbe3bf
#fcecd4
#fef6ea
#ffffff
Complementary palette of #f2a22a:
#f2a22a
#2a7af2
Triadic palette of #f2a22a:
#f2a22a
#2af2a2
#a22af2
Square palette of #f2a22a:
#f2a22a
#2af23e
#2a7af2
#f22ade
Analogous palette of #f2a22a:
#f23e2a
#f2a22a
#def22a
Split-Complementary palette of #f2a22a:
#f2a22a
#2adef2
#3e2af2
Rectangle (tetradic) palette of #f2a22a:
#f2a22a
#7af22a
#2a7af2
#a22af2
Suggested color palettes for #f2a22a HEX:
Color palette with color #f2a22a #1:
Color palette with color #f2a22a #2:
Color palette with color #f2a22a #3:
Color palette with color #f2a22a #4:
Color palette with color #f2a22a #5:
Color #f2a22a used in palettes (1)
Color Contrast
Color pairings of #f2a22a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2a22a
#f2a22aContrast Ratio
2.1:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a22a
#f2a22aContrast Ratio
9.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a22a color png
Visit the popular colors list for more colors