#CCD275

#CCD275

Color Values

HEX

#CCD275

RGB

204, 210, 117

HSL

63.9, 50.8%, 64.1%

HSV

63.9, 44.3%, 82.4%

CMYK

2.9%, 0.0%, 44.3%, 17.6%

OKLCH

0.839 0.117 111.9

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CCD275

#7B75D2

Analogous

#D2AA75

#9DD275

#CCD275

Triadic

#CCD275

#75CCD2

#D275CC

Split Complementary

#CCD275

#759DD2

#AA75D2

Tetradic

#CCD275

#75D2AA

#7B75D2

#D2759D

Color Blindness Simulation

Original

#CCD275

Protanopia

#CFCF8B

Deuteranopia

#CECE91

Tritanopia

#CC9DA1

Achromatopsia

#CACACA

CSS Usage

background-color: #CCD275;
color: #CCD275;
border-color: #CCD275;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EBEDC9
300
#DDE1A3
400
#CAD171
500
#B8C03F
600
#939A32
700
#767B28
800
#5C601F
900
#44471A
950
#2B2D11

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026