#CCEAE4

#CCEAE4

Color Values

HEX

#CCEAE4

RGB

204, 234, 228

HSL

168.0, 41.7%, 85.9%

HSV

168.0, 12.8%, 91.8%

CMYK

12.8%, 0.0%, 2.6%, 8.2%

OKLCH

0.9136 0.0325 182.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCEAE4

#EACCD2

Analogous

#CCEAD5

#CCE1EA

#CCEAE4

Triadic

#CCEAE4

#E4CCEA

#EAE4CC

Split Complementary

#CCEAE4

#EACCE1

#EAD5CC

Tetradic

#CCEAE4

#D5CCEA

#EACCD2

#E1EACC

Color Blindness Simulation

Original

#CCEAE4

Protanopia

#D9D9E5

Deuteranopia

#D7D5E6

Tritanopia

#CDE7E7

Achromatopsia

#E3E3E3

CSS Usage

background-color: #CCEAE4;
color: #CCEAE4;
border-color: #CCEAE4;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CCEAE4
300
#A8DBD1
400
#79C8B8
500
#4AB59F
600
#3B9180
700
#307466
800
#255A50
900
#1E433B
950
#132A25

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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