Created at 03/21/2023 03:12
#f3a712 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f3a712 | RGB(243, 167, 18) |
RGB values are RGB(243, 167, 18)
#f3a712 color contain Red 95.29%, Green 65.49% and Blue 7.06%.
oklch(78.26% 0.1618 75.48)
#f3a712 color contain Red 95.29%, Green 65.49% and Blue 7.06%.
oklch(78.26% 0.1618 75.48)
Color Names of #f3a712 HEX code
≈ Buttercup
Classification of #f3a712 color
#f3a712 is Light and Warm Color Saturation 90%, lightness 51%.
Shade of Orange
Alternative colors of #f3a712
Opposite Color for #f3a712 is #125ef3
#f3a712 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f3a712
Decimal
15968018
HEX
#f3a712
HSL
hsl(40, 90%, 51%)
HSLA
hsla(40, 90%, 51%, 1)
RGB
RGB(243, 167, 18)
RGBA
RGBA(243, 167, 18, 1)
Palettes for #f3a712 color:
Below examples of color palettes for #f3a712 HEX color
darkest color is #181102 from shades and lightest color is #fef6e7 from tints
Shades palette of #f3a712:
#db9610
#c2860e
#aa750d
#92640b
#7a5409
#614307
#493205
#312104
#181102
#000000
Tints palette of #f3a712:
#f4b02a
#f5b941
#f7c159
#f8ca71
#f9d389
#fadca0
#fbe5b8
#fdedd0
#fef6e7
#ffffff
Complementary palette of #f3a712:
#f3a712
#125ef3
Triadic palette of #f3a712:
#f3a712
#12f3a7
#a712f3
Square palette of #f3a712:
#f3a712
#12f337
#125ef3
#f312ce
Analogous palette of #f3a712:
#f33712
#f3a712
#cef312
Split-Complementary palette of #f3a712:
#f3a712
#12cef3
#3712f3
Rectangle (tetradic) palette of #f3a712:
#f3a712
#5ef312
#125ef3
#a712f3
Suggested colors palettes for #f3a712 HEX:
Colors palette with color #f3a712 #1:
Colors palette with color #f3a712 #2:
Colors palette with color #f3a712 #3:
Colors palette with color #f3a712 #4:
Colors palette with color #f3a712 #5:
Color #f3a712 used in palettes (2)
Color Contrast
Color pairings #f3a712 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f3a712
#f3a712 Contrast Ratio
2.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f3a712
#f3a712 Contrast Ratio
10.34:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f3a712 color png
Visit the popular colors list for more colors