#f5af2d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5af2d | RGB(245, 175, 45) |
Created at 01/17/2025 04:11
RGB values are RGB(245, 175, 45)
#f5af2d color contains Red 96.08%, Green 68.63% and Blue 17.65%.
oklch(80.07% 0.1555 77.23)
#f5af2d color contains Red 96.08%, Green 68.63% and Blue 17.65%.
oklch(80.07% 0.1555 77.23)
Color Names of #f5af2d HEX code
≈ Fuel Yellow
Classification of #f5af2d color
#f5af2d is Light and Warm Color Saturation 91%, lightness 57%.
Tint of Orange
Alternative colors of #f5af2d
Opposite Color for #f5af2d is #2d73f5
#f5af2d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5af2d
cmyk
CMYK(0%, 29%, 82%, 4%)
Decimal
16101165
HEX
#f5af2d
HSL
hsl(39, 91%, 57%)
HSLA
hsla(39, 91%, 57%, 1)
RGB
RGB(245, 175, 45)
RGBA
RGBA(245, 175, 45, 1)
Palettes for #f5af2d color:
Below are examples of color palettes with the #f5af2d HEX color
darkest color is #181104 from shades and lightest color is #fef7ea from tints
Shades palette of #f5af2d:
#dd9e29
#c48c24
#ac7a1f
#93691b
#7b5817
#624612
#4a350e
#312309
#181104
#000000
Tints palette of #f5af2d:
#f6b742
#f7bf57
#f8c76c
#f9cf81
#fad796
#fbdfab
#fce7c0
#fdefd5
#fef7ea
#ffffff
Complementary palette of #f5af2d:
#f5af2d
#2d73f5
Triadic palette of #f5af2d:
#f5af2d
#2df5af
#af2df5
Square palette of #f5af2d:
#f5af2d
#2df54b
#2d73f5
#f52dd7
Analogous palette of #f5af2d:
#f54b2d
#f5af2d
#d7f52d
Split-Complementary palette of #f5af2d:
#f5af2d
#2dd7f5
#4b2df5
Rectangle (tetradic) palette of #f5af2d:
#f5af2d
#73f52d
#2d73f5
#af2df5
Suggested color palettes for #f5af2d HEX:
Color palette with color #f5af2d #1:
Color palette with color #f5af2d #2:
Color palette with color #f5af2d #3:
Color palette with color #f5af2d #4:
Color palette with color #f5af2d #5:
Color Contrast
Color pairings of #f5af2d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5af2d
#f5af2dContrast Ratio
1.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5af2d
#f5af2dContrast Ratio
11.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5af2d color png
Visit the popular colors list for more colors