#CBEAD3

#CBEAD3

Color Values

HEX

#CBEAD3

RGB

203, 234, 211

HSL

135.5, 42.5%, 85.7%

HSV

135.5, 13.2%, 91.8%

CMYK

13.2%, 0.0%, 9.8%, 8.2%

OKLCH

0.9083 0.045 153.3

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CBEAD3

#EACBE2

Analogous

#D3EACB

#CBEAE3

#CBEAD3

Triadic

#CBEAD3

#D3CBEA

#EAD3CB

Split Complementary

#CBEAD3

#E3CBEA

#EACBD3

Tetradic

#CBEAD3

#CBD3EA

#EACBE2

#EAE3CB

Color Blindness Simulation

Original

#CBEAD3

Protanopia

#D8D9D9

Deuteranopia

#D7D4DA

Tritanopia

#CDDDDE

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F4EA
200
#CCEAD4
300
#A8DCB5
400
#79C98D
500
#49B665
600
#3B9151
700
#2F7441
800
#255B33
900
#1E4327
950
#132A19

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026