#f5a842 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5a842 | RGB(245, 168, 66) |
Created at 01/16/2025 04:11
RGB values are RGB(245, 168, 66)
#f5a842 color contains Red 96.08%, Green 65.88% and Blue 25.88%.
oklch(78.92% 0.1453 69.98)
#f5a842 color contains Red 96.08%, Green 65.88% and Blue 25.88%.
oklch(78.92% 0.1453 69.98)
Color Names of #f5a842 HEX code
≈ Yellow Orange
Classification of #f5a842 color
#f5a842 is Light and Warm Color Saturation 90%, lightness 61%.
Tint of Orange
Alternative colors of #f5a842
Opposite Color for #f5a842 is #428ff5
#f5a842 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5a842
cmyk
CMYK(0%, 31%, 73%, 4%)
Decimal
16099394
HEX
#f5a842
HSL
hsl(34, 90%, 61%)
HSLA
hsla(34, 90%, 61%, 1)
RGB
RGB(245, 168, 66)
RGBA
RGBA(245, 168, 66, 1)
Palettes for #f5a842 color:
Below are examples of color palettes with the #f5a842 HEX color
darkest color is #181107 from shades and lightest color is #fef6ec from tints
Shades palette of #f5a842:
#dd973b
#c48635
#ac762e
#936528
#7b5421
#62431a
#4a3214
#31220d
#181107
#000000
Tints palette of #f5a842:
#f6b155
#f7b968
#f8c27b
#f9cb8e
#fad4a1
#fbdcb3
#fce5c6
#fdeed9
#fef6ec
#ffffff
Complementary palette of #f5a842:
#f5a842
#428ff5
Triadic palette of #f5a842:
#f5a842
#42f5a8
#a842f5
Square palette of #f5a842:
#f5a842
#42f54f
#428ff5
#f542e9
Analogous palette of #f5a842:
#f54e42
#f5a842
#e8f542
Split-Complementary palette of #f5a842:
#f5a842
#42e8f5
#4f42f5
Rectangle (tetradic) palette of #f5a842:
#f5a842
#8ff542
#428ff5
#a842f5
Suggested color palettes for #f5a842 HEX:
Color palette with color #f5a842 #1:
Color palette with color #f5a842 #2:
Color palette with color #f5a842 #3:
Color palette with color #f5a842 #4:
Color palette with color #f5a842 #5:
Color Contrast
Color pairings of #f5a842 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5a842
#f5a842Contrast Ratio
1.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5a842
#f5a842Contrast Ratio
10.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5a842 color png
Visit the popular colors list for more colors