#CCCF93

#CCCF93

Color Values

HEX

#CCCF93

RGB

204, 207, 147

HSL

63.0, 38.5%, 69.4%

HSV

63.0, 29.0%, 81.2%

CMYK

1.4%, 0.0%, 29.0%, 18.8%

OKLCH

0.8377 0.0789 110.4

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCCF93

#9693CF

Analogous

#CFB493

#AECF93

#CCCF93

Triadic

#CCCF93

#93CCCF

#CF93CC

Split Complementary

#CCCF93

#93AECF

#B493CF

Tetradic

#CCCF93

#93CFB4

#9693CF

#CF93AE

Color Blindness Simulation

Original

#CCCF93

Protanopia

#CDCDA2

Deuteranopia

#CDCDA5

Tritanopia

#CCADB0

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E8E9CE
300
#D7D9AA
400
#C1C57C
500
#ACB14E
600
#898D3F
700
#6E7132
800
#565827
900
#404120
950
#282914

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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