#CCCE95

#CCCE95

Color Values

HEX

#CCCE95

RGB

204, 206, 149

HSL

62.1, 36.8%, 69.6%

HSV

62.1, 27.7%, 80.8%

CMYK

1.0%, 0.0%, 27.7%, 19.2%

OKLCH

0.836 0.0751 109.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCCE95

#9795CE

Analogous

#CEB395

#AFCE95

#CCCE95

Triadic

#CCCE95

#95CCCE

#CE95CC

Split Complementary

#CCCE95

#95AFCE

#B395CE

Tetradic

#CCCE95

#95CEB3

#9795CE

#CE95AF

Color Blindness Simulation

Original

#CCCE95

Protanopia

#CDCDA3

Deuteranopia

#CDCDA6

Tritanopia

#CCAEB0

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E8
200
#E8E8CE
300
#D7D8AB
400
#C1C37E
500
#ABAE51
600
#898C40
700
#6E7034
800
#565728
900
#3F4020
950
#282914

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026