#CCCD3E

#CCCD3E

Color Values

HEX

#CCCD3E

RGB

204, 205, 62

HSL

60.4, 58.8%, 52.4%

HSV

60.4, 69.8%, 80.4%

CMYK

0.5%, 0.0%, 69.8%, 19.6%

OKLCH

0.8225 0.1586 109.8

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCCD3E

#3F3ECD

Analogous

#CD873E

#85CD3E

#CCCD3E

Triadic

#CCCD3E

#3ECCCD

#CD3ECC

Split Complementary

#CCCD3E

#3E85CD

#873ECD

Tetradic

#CCCD3E

#3ECD87

#3F3ECD

#CD3E85

Color Blindness Simulation

Original

#CCCD3E

Protanopia

#CCCC61

Deuteranopia

#CCCC69

Tritanopia

#CC7C82

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CCCD3E;
color: #CCCD3E;
border-color: #CCCD3E;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C6
300
#E5E69E
400
#D7D869
500
#C9CA35
600
#A1A22A
700
#818222
800
#65651A
900
#4A4A17
950
#2F2F0E

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026