#CCCEAC

#CCCEAC

Color Values

HEX

#CCCEAC

RGB

204, 206, 172

HSL

63,5, 25,8%, 74,1%

HSV

63,5, 16,5%, 80,8%

CMYK

1,0%, 0,0%, 16,5%, 19,2%

OKLCH

0,8409 0,0458 110,1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCCEAC

#AEACCE

Analogous

#CEBFAC

#BBCEAC

#CCCEAC

Triadic

#CCCEAC

#ACCCCE

#CEACCC

Split Complementary

#CCCEAC

#ACBBCE

#BFACCE

Tetradic

#CCCEAC

#ACCEBF

#AEACCE

#CEACBB

Color Blindness Simulation

Original

#CCCEAC

Protanopia

#CDCDB4

Deuteranopia

#CDCDB6

Tritanopia

#CCBBBC

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CCCEAC;
color: #CCCEAC;
border-color: #CCCEAC;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E3E5D2
300
#D0D2B2
400
#B6B988
500
#9DA05F
600
#7D804C
700
#64673D
800
#4E502F
900
#3A3C25
950
#252617

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,99: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