#CCC971 Color

Color Information

HEX	#CCC971
RGB	204, 201, 113
HSL	58° , 47% , 62%
HSV	58° , 45% , 80%
CMYK	0%, 1%, 45%, 20%

Lighter Shades

#D2CF82 #D8D693 #DEDCA4 #E4E3B5 #EBE9C6 #F1F0D7

Darker Shades

#B4B163 #9B9956 #838148 #6A693B #52502D #393820

Complementary Palette

#AFAD61 #CCC971 #6164AF #7174CC #8587D3 #D3D185

Analogous Palette

#A6907D #B89C84 #C0BD6A #CCC971 #A0B884 #A7BE8E

Triadic Palette

#B4B163 #CCC971 #67D5D2 #79DAD7 #D267D5 #B95BBB

Split Complementary Palette

#B8B566 #CCC971 #71A1CC #7FAAD1 #9B71CC #8C66B8

Square Palette

#ABA95F #CCC971 #7AC29C #7A7DC2 #CC71A1 #D488B0

Tetradic Palette

#A7A55D #CCC971 #63DD5F #7174CC #D95FDD #E07CE3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCC971 contains 204 red, 201 green, and 113 blue.

Contrast Ratio: 1.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.32:1