#f0a70c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f0a70c | RGB(240, 167, 12) |
Created at 03/03/2023 16:40
RGB values are RGB(240, 167, 12)
#f0a70c color contains Red 94.12%, Green 65.49% and Blue 4.71%.
oklch(77.91% 0.1613 76.89)
#f0a70c color contains Red 94.12%, Green 65.49% and Blue 4.71%.
oklch(77.91% 0.1613 76.89)
Color Names of #f0a70c HEX code
≈ Buttercup
Classification of #f0a70c color
#f0a70c is Light and Warm Color Saturation 90%, lightness 49%.
Shade of Orange
Alternative colors of #f0a70c
Opposite Color for #f0a70c is #0c55f0
#f0a70c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f0a70c
cmyk
CMYK(0%, 30%, 95%, 6%)
Decimal
15771404
HEX
#f0a70c
HSL
hsl(41, 90%, 49%)
HSLA
hsla(41, 90%, 49%, 1)
RGB
RGB(240, 167, 12)
RGBA
RGBA(240, 167, 12, 1)
Palettes for #f0a70c color:
Below are examples of color palettes with the #f0a70c HEX color
darkest color is #181101 from shades and lightest color is #fef6e7 from tints
Shades palette of #f0a70c:
#d8960b
#c0860a
#a87508
#906407
#785406
#604305
#483204
#302102
#181101
#000000
Tints palette of #f0a70c:
#f2b024
#f3b93d
#f5c155
#f6ca6d
#f8d386
#f9dc9e
#fbe5b6
#fcedce
#fef6e7
#ffffff
Complementary palette of #f0a70c:
#f0a70c
#0c55f0
Triadic palette of #f0a70c:
#f0a70c
#0cf0a7
#a70cf0
Square palette of #f0a70c:
#f0a70c
#0cf035
#0c55f0
#f00cc7
Analogous palette of #f0a70c:
#f0350c
#f0a70c
#c7f00c
Split-Complementary palette of #f0a70c:
#f0a70c
#0cc7f0
#350cf0
Rectangle (tetradic) palette of #f0a70c:
#f0a70c
#55f00c
#0c55f0
#a70cf0
Suggested color palettes for #f0a70c HEX:
Color palette with color #f0a70c #1:
Color palette with color #f0a70c #2:
Color palette with color #f0a70c #3:
Color palette with color #f0a70c #4:
Color palette with color #f0a70c #5:
Color #f0a70c used in palettes (1)
Color Contrast
Color pairings of #f0a70c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f0a70c
#f0a70cContrast Ratio
2.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f0a70c
#f0a70cContrast Ratio
10.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f0a70c color png
Visit the popular colors list for more colors