#CCC76D Color

Color Information

HEX#CCC76D
RGB204, 199, 109
HSL57° , 48% , 61%
HSV57° , 47% , 80%
CMYK0%, 2%, 47%, 20%

Lighter Shades

#D2CE7F #D8D490 #DEDBA2 #E4E2B3 #EBE9C5 #F1EFD6

Darker Shades

#B4AF60 #9B9753 #837F46 #6A6739 #52502C #39381F

Complementary Palette

#AFAB5E #CCC76D #5D61AF #6C71CB #8185D2 #D3CF81

Analogous Palette

#A48D79 #B79980 #C0BB66 #CCC76D #9EB780 #A6BD89

Triadic Palette

#B4AF60 #CCC76D #62D5CF #75DAD5 #CF62D5 #B656BB

Split Complementary Palette

#B8B362 #CCC76D #6CA0CB #7BAAD0 #976CCB #8861B7

Square Palette

#ABA75C #CCC76D #76C198 #767AC1 #CB6CA0 #D384AF

Tetradic Palette

#A7A359 #CCC76D #60DD5A #6C71CB #D75ADD #DE78E3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCC76D contains 204 red, 199 green, and 109 blue.

Contrast Ratio: 1.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.11:1