#f5ae1c HEX color information

ColorHEXRGB
#f5ae1cRGB(245, 174, 28)
  23
Created at 03/01/2023 08:23
RGB values are RGB(245, 174, 28)
#f5ae1c color contains Red 96.08%, Green 68.24% and Blue 10.98%.
oklch(79.81% 0.161 78.04)

Color Names of #f5ae1c HEX code

≈ Buttercup

Classification of #f5ae1c color

#f5ae1c is Light and Warm Color Saturation 92%, lightness 54%.
Tint of Orange
Opposite Color for #f5ae1c is #1c63f5

#f5ae1c Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5ae1c

cmyk
CMYK(0%, 29%, 89%, 4%)
Decimal
16100892
HEX
#f5ae1c
HSL
hsl(40, 92%, 54%)
HSLA
hsla(40, 92%, 54%, 1)
RGB
RGB(245, 174, 28)
RGBA
RGBA(245, 174, 28, 1)

Palettes for #f5ae1c color:

Below are examples of color palettes with the #f5ae1c HEX color

darkest color is #181103 from shades and lightest color is #fef7e8 from tints

Shades palette of #f5ae1c:
#dd9d19
#c48b16
#ac7a14
#936811
#7b570e
#62460b
#4a3408
#312306
#181103
#000000
Tints palette of #f5ae1c:
#f6b633
#f7be49
#f8c660
#f9ce77
#fad78e
#fbdfa4
#fce7bb
#fdefd2
#fef7e8
#ffffff
Complementary palette of #f5ae1c:
#f5ae1c
#1c63f5
Triadic palette of #f5ae1c:
#f5ae1c
#1cf5ae
#ae1cf5
Square palette of #f5ae1c:
#f5ae1c
#1cf542
#1c63f5
#f51cd0
Analogous palette of #f5ae1c:
#f5411c
#f5ae1c
#d0f51c
Split-Complementary palette of #f5ae1c:
#f5ae1c
#1ccff5
#411cf5
Rectangle (tetradic) palette of #f5ae1c:
#f5ae1c
#63f51c
#1c63f5
#ae1cf5

Suggested color palettes for #f5ae1c HEX:

Color palette with color #f5ae1c #1:
Color palette with color #f5ae1c #2:
Color palette with color #f5ae1c #3:
Color palette with color #f5ae1c #4:
Color palette with color #f5ae1c #5:

Color #f5ae1c used in palettes (1)

Color Contrast

Color pairings of #f5ae1c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.

#f5ae1c
#f5ae1c
Contrast Ratio
1.91:1
SizeAA-levelAAA-level
Large text:
Small text:
#f5ae1c
#f5ae1c
Contrast Ratio
10.95:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #f5ae1c color png