Created at 03/04/2023 19:25
#f2a70d HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #f2a70d | RGB(242, 167, 13) |
RGB values are RGB(242, 167, 13)
#f2a70d color contain Red 94.9%, Green 65.49% and Blue 5.1%.
oklch(78.14% 0.1621 76.07)
#f2a70d color contain Red 94.9%, Green 65.49% and Blue 5.1%.
oklch(78.14% 0.1621 76.07)
Classification of #f2a70d color
#f2a70d is Light and Warm Color Saturation 90%, lightness 50%.
Tint of Orange
Alternative colors of #f2a70d
Opposite Color for #f2a70d is #0d59f2
#f2a70d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a70d
Decimal
15902477
HEX
#f2a70d
HSL
hsl(40, 90%, 50%)
HSLA
hsla(40, 90%, 50%, 1)
RGB
RGB(242, 167, 13)
RGBA
RGBA(242, 167, 13, 1)
Palettes for #f2a70d color:
Below examples of color palettes for #f2a70d HEX color
darkest color is #181101 from shades and lightest color is #fef6e7 from tints
Shades palette of #f2a70d:
#da960c
#c2860a
#a97509
#916408
#795407
#614305
#493204
#302103
#181101
#000000
Tints palette of #f2a70d:
#f3b025
#f5b93d
#f6c156
#f7ca6e
#f9d386
#fadc9e
#fbe5b6
#fcedcf
#fef6e7
#ffffff
Complementary palette of #f2a70d:
#f2a60d
#0d59f2
Triadic palette of #f2a70d:
#f2a60d
#0df2a6
#a60df2
Square palette of #f2a70d:
#f2a60d
#0df233
#f20dcc
#0d59f2
Analogous palette of #f2a70d:
#f2330d
#f2a60d
Split-Complementary palette of #f2a70d:
#f2a60d
#f2330d
Rectangle (tetradic) palette of #f2a70d:
#f2a60d
#0df233
#f20dcc
#0dccf2
Suggested colors palettes for #f2a70d HEX:
Colors palette with color #f2a70d #1:
Colors palette with color #f2a70d #2:
Colors palette with color #f2a70d #3:
Colors palette with color #f2a70d #4:
Colors palette with color #f2a70d #5:
Color #f2a70d used in palettes (1)
Color Contrast
Color pairings #f2a70d with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f2a70d
#f2a70d Contrast Ratio
2.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a70d
#f2a70d Contrast Ratio
10.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a70d color png
Visit the popular colors list for more colors