Created at 02/20/2023 18:06
#f5c72e HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #f5c72e | RGB(245, 199, 46) |
RGB values are RGB(245, 199, 46)
#f5c72e color contain Red 96.08%, Green 78.04% and Blue 18.04%.
oklch(84.67% 0.1623 90.47)
#f5c72e color contain Red 96.08%, Green 78.04% and Blue 18.04%.
oklch(84.67% 0.1623 90.47)
Classification of #f5c72e color
#f5c72e is Light and Warm Color Saturation 91%, lightness 57%.
Tint of gold
Alternative colors of #f5c72e
Opposite Color for #f5c72e is #2e5cf5
#f5c72e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5c72e
Decimal
16107310
HEX
#f5c72e
HSL
hsl(46, 91%, 57%)
HSLA
hsla(46, 91%, 57%, 1)
RGB
RGB(245, 199, 46)
RGBA
RGBA(245, 199, 46, 1)
Palettes for #f5c72e color:
Below examples of color palettes for #f5c72e HEX color
darkest color is #181405 from shades and lightest color is #fef9ea from tints
Shades palette of #f5c72e:
#ddb329
#c49f25
#ac8b20
#93771c
#7b6417
#625012
#4a3c0e
#312809
#181405
#000000
Tints palette of #f5c72e:
#f6cd43
#f7d258
#f8d86d
#f9dd82
#fae397
#fbe9ab
#fceec0
#fdf4d5
#fef9ea
#ffffff
Complementary palette of #f5c72e:
#f5c72e
#2e5cf5
Triadic palette of #f5c72e:
#f5c72e
#2ef5c7
#c72ef5
Square palette of #f5c72e:
#f5c72e
#2ef563
#f52ec0
#2e5cf5
Analogous palette of #f5c72e:
#f5632e
#f5c72e
Split-Complementary palette of #f5c72e:
#f5c72e
#f5632e
Rectangle (tetradic) palette of #f5c72e:
#f5c72e
#2ef563
#f52ec0
#2ec0f5
Suggested colors palettes for #f5c72e HEX:
Colors palette with color #f5c72e #1:
Colors palette with color #f5c72e #2:
Colors palette with color #f5c72e #3:
Colors palette with color #f5c72e #4:
Colors palette with color #f5c72e #5:
Color #f5c72e used in palettes (1)
Color Contrast
Color pairings #f5c72e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f5c72e
#f5c72e Contrast Ratio
1.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5c72e
#f5c72e Contrast Ratio
13.09:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5c72e color png
Visit the popular colors list for more colors