#FFD166 Color

Color Information

HEX#FFD166
RGB255, 209, 102
HSL42° , 100% , 70%
HSV42° , 60% , 100%
CMYK0%, 18%, 60%, 0%

Lighter Shades

#FFD778 #FFDC8B #FFE29D #FFE7AF #FFEDC2 #FFF2D4

Darker Shades

#E0B85A #C29F4E #A38641 #856D35 #665429 #473B1D

Complementary Palette

#DBB458 #FFD166 #587FDB #6694FF #7BA3FF #FFD77B

Analogous Palette

#DA8772 #F08E75 #F0C460 #FFD166 #D7F075 #DAF17E

Triadic Palette

#E0B85A #FFD166 #66FFD1 #78FFD7 #D166FF #B85AE0

Split Complementary Palette

#E6BC5C #FFD166 #66E0FF #75E3FF #8566FF #785CE6

Square Palette

#D6B056 #FFD166 #6EF789 #6E97F7 #FF66E0 #FF7EE5

Tetradic Palette

#D1AB54 #FFD166 #94FF66 #6694FF #D166FF #D982FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #FFD166 contains 255 red, 209 green, and 102 blue.

Contrast Ratio: 1.43:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 14.68:1