#CCD580 Color

Color Information

HEX	#CCD580
RGB	204, 213, 128
HSL	66° , 50% , 67%
HSV	66° , 40% , 84%
CMYK	4%, 0%, 40%, 16%

Lighter Shades

#D2DA8F #D8DF9E #DEE4AE #E4E9BD #EBEECC #F1F3DB

Darker Shades

#B4BB71 #9BA261 #838852 #6A6F43 #525533 #393C24

Complementary Palette

#AFB76E #CCD580 #766FB7 #8981D5 #9A93DB #D3DB92

Analogous Palette

#B1A28C #C4B092 #C0C878 #CCD580 #A6C492 #ADC99C

Triadic Palette

#B4BB71 #CCD580 #78D3DD #88D8E1 #DD78D3 #C26ABA

Split Complementary Palette

#B8C073 #CCD580 #81A2D5 #8EABD9 #B381D5 #A174C0

Square Palette

#ABB36C #CCD580 #89CDB2 #9089CD #D581A2 #DC95B1

Tetradic Palette

#A7AF69 #CCD580 #72E47D #8981D5 #E472D9 #E98BE0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD580 contains 204 red, 213 green, and 128 blue.

Contrast Ratio: 1.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.55:1