#CCD28F

#CCD28F

Color Values

HEX

#CCD28F

RGB

204, 210, 143

HSL

65.4, 42.7%, 69.2%

HSV

65.4, 31.9%, 82.4%

CMYK

2.9%, 0.0%, 31.9%, 17.6%

OKLCH

0.8433 0.0876 112.4

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCD28F

#958FD2

Analogous

#D2B68F

#AAD28F

#CCD28F

Triadic

#CCD28F

#8FCCD2

#D28FCC

Split Complementary

#CCD28F

#8FAAD2

#B68FD2

Tetradic

#CCD28F

#8FD2B6

#958FD2

#D28FAA

Color Blindness Simulation

Original

#CCD28F

Protanopia

#CFCF9F

Deuteranopia

#CECEA3

Tritanopia

#CCACAF

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CCD28F;
color: #CCD28F;
border-color: #CCD28F;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF5
100
#F2F4E7
200
#E8EBCC
300
#D7DCA8
400
#C2C978
500
#ACB649
600
#8A923A
700
#6E742F
800
#565B25
900
#40431E
950
#282A13

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.18: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