#f5af3d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5af3d | RGB(245, 175, 61) |
Created at 02/22/2023 11:25
Classification of #f5af3d color
#f5af3d is Light and Warm Color Saturation 90%, lightness 60%.
Tint of Orange
RGB values are RGB(245, 175, 61)
#f5af3d color contains Red 96.08%, Green 68.63% and Blue 23.92%.
oklch(80.17% 0.148 75.24)
#f5af3d color contains Red 96.08%, Green 68.63% and Blue 23.92%.
oklch(80.17% 0.148 75.24)
Color Names of #f5af3d HEX code
≈ Yellow Orange
Alternative colors of #f5af3d
Opposite Color for #f5af3d is #3d83f5
#f5af3d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5af3d
cmyk
CMYK(0%, 29%, 75%, 4%)
Decimal
16101181
HEX
#f5af3d
HSL
hsl(37, 90%, 60%)
HSLA
hsla(37, 90%, 60%, 1)
RGB
RGB(245, 175, 61)
RGBA
RGBA(245, 175, 61, 1)
Palettes for #f5af3d color:
Below are examples of color palettes with the #f5af3d HEX color
darkest color is #181106 from shades and lightest color is #fef7ec from tints
Shades palette of #f5af3d:
#dd9e37
#c48c31
#ac7a2b
#936925
#7b581f
#624618
#4a3512
#31230c
#181106
#000000
Tints palette of #f5af3d:
#f6b750
#f7bf64
#f8c777
#f9cf8b
#fad79e
#fbdfb1
#fce7c5
#fdefd8
#fef7ec
#ffffff
Complementary palette of #f5af3d:
#f5af3d
#3d83f5
Triadic palette of #f5af3d:
#f5af3d
#3df5af
#af3df5
Square palette of #f5af3d:
#f5af3d
#3df553
#3d83f5
#f53ddf
Analogous palette of #f5af3d:
#f5533d
#f5af3d
#dff53d
Split-Complementary palette of #f5af3d:
#f5af3d
#3ddff5
#533df5
Rectangle (tetradic) palette of #f5af3d:
#f5af3d
#83f53d
#3d83f5
#af3df5
Suggested color palettes for #f5af3d HEX:
Color palette with color #f5af3d #1:
Color palette with color #f5af3d #2:
Color palette with color #f5af3d #3:
Color palette with color #f5af3d #4:
Color palette with color #f5af3d #5:
Color #f5af3d used in palettes (1)
Color Contrast
Color pairings of #f5af3d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5af3d
#f5af3d Contrast Ratio
1.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5af3d
#f5af3d Contrast Ratio
11.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5af3d color png
Visit the popular colors list for more colors