#f5af31 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5af31 | RGB(245, 175, 49) |
Created at 02/21/2023 23:54
RGB values are RGB(245, 175, 49)
#f5af31 color contains Red 96.08%, Green 68.63% and Blue 19.22%.
oklch(80.09% 0.1538 76.8)
#f5af31 color contains Red 96.08%, Green 68.63% and Blue 19.22%.
oklch(80.09% 0.1538 76.8)
Color Names of #f5af31 HEX code
≈ Fuel Yellow
Classification of #f5af31 color
#f5af31 is Light and Warm Color Saturation 91%, lightness 58%.
Tint of Orange
Alternative colors of #f5af31
Opposite Color for #f5af31 is #3177f5
#f5af31 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5af31
cmyk
CMYK(0%, 29%, 80%, 4%)
Decimal
16101169
HEX
#f5af31
HSL
hsl(39, 91%, 58%)
HSLA
hsla(39, 91%, 58%, 1)
RGB
RGB(245, 175, 49)
RGBA
RGBA(245, 175, 49, 1)
Palettes for #f5af31 color:
Below are examples of color palettes with the #f5af31 HEX color
darkest color is #181105 from shades and lightest color is #fef7ea from tints
Shades palette of #f5af31:
#dd9e2c
#c48c27
#ac7a22
#93691d
#7b5819
#624614
#4a350f
#31230a
#181105
#000000
Tints palette of #f5af31:
#f6b746
#f7bf5a
#f8c76f
#f9cf83
#fad798
#fbdfad
#fce7c1
#fdefd6
#fef7ea
#ffffff
Complementary palette of #f5af31:
#f5af31
#3177f5
Triadic palette of #f5af31:
#f5af31
#31f5af
#af31f5
Square palette of #f5af31:
#f5af31
#31f54d
#3177f5
#f531d9
Analogous palette of #f5af31:
#f54d31
#f5af31
#d9f531
Split-Complementary palette of #f5af31:
#f5af31
#31d9f5
#4d31f5
Rectangle (tetradic) palette of #f5af31:
#f5af31
#77f531
#3177f5
#af31f5
Suggested color palettes for #f5af31 HEX:
Color palette with color #f5af31 #1:
Color palette with color #f5af31 #2:
Color palette with color #f5af31 #3:
Color palette with color #f5af31 #4:
Color palette with color #f5af31 #5:
Color #f5af31 used in palettes (1)
Color Contrast
Color pairings of #f5af31 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5af31
#f5af31Contrast Ratio
1.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5af31
#f5af31Contrast Ratio
11.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5af31 color png
Visit the popular colors list for more colors