#CBE2D4

#CBE2D4

Color Values

HEX

#CBE2D4

RGB

203, 226, 212

HSL

143.5, 28.4%, 84.1%

HSV

143.5, 10.2%, 88.6%

CMYK

10.2%, 0.0%, 6.2%, 11.4%

OKLCH

0.8918 0.0309 159.0

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CBE2D4

#E2CBD9

Analogous

#CDE2CB

#CBE2DF

#CBE2D4

Triadic

#CBE2D4

#D4CBE2

#E2D4CB

Split Complementary

#CBE2D4

#DFCBE2

#E2CBCD

Tetradic

#CBE2D4

#CBCDE2

#E2CBD9

#E2DFCB

Color Blindness Simulation

Original

#CBE2D4

Protanopia

#D5D5D7

Deuteranopia

#D4D2D8

Tritanopia

#CCDADB

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CBE2D4;
color: #CBE2D4;
border-color: #CBE2D4;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D1E5D9
300
#B0D3BE
400
#86BB9B
500
#5BA478
600
#498360
700
#3A694D
800
#2E523C
900
#243D2E
950
#17261D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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