#CAECCF

#CAECCF

Color Values

HEX

#CAECCF

RGB

202, 236, 207

HSL

128,8, 47,2%, 85,9%

HSV

128,8, 14,4%, 92,5%

CMYK

14,4%, 0,0%, 12,3%, 7,5%

OKLCH

0,9108 0,0529 149,4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CAECCF

#ECCAE7

Analogous

#D6ECCA

#CAECE0

#CAECCF

Triadic

#CAECCF

#CFCAEC

#ECCFCA

Split Complementary

#CAECCF

#E0CAEC

#ECCAD6

Tetradic

#CAECCF

#CAD6EC

#ECCAE7

#ECE0CA

Color Blindness Simulation

Original

#CAECCF

Protanopia

#D9D9D6

Deuteranopia

#D7D4D8

Tritanopia

#CCDCDD

Achromatopsia

#E3E3E3

CSS Usage

background-color: #CAECCF;
color: #CAECCF;
border-color: #CAECCF;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CAECCF
300
#A5DFAD
400
#74CD81
500
#43BC55
600
#369644
700
#2B7836
800
#225E2A
900
#1C4522
950
#122C15

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,41: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