#CBFCDD

#CBFCDD

Color Values

HEX

#CBFCDD

RGB

203, 252, 221

HSL

142.0, 89.1%, 89.2%

HSV

142.0, 19.4%, 98.8%

CMYK

19.4%, 0.0%, 12.3%, 1.2%

OKLCH

0.9488 0.0651 157.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CBFCDD

#FCCBEA

Analogous

#D1FCCB

#CBFCF5

#CBFCDD

Triadic

#CBFCDD

#DDCBFC

#FCDDCB

Split Complementary

#CBFCDD

#F5CBFC

#FCCBD1

Tetradic

#CBFCDD

#CBD1FC

#FCCBEA

#FCF5CB

Color Blindness Simulation

Original

#CBFCDD

Protanopia

#E0E1E4

Deuteranopia

#DDDAE6

Tritanopia

#CDEAEC

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E0FBEA
200
#BBFBD3
300
#8BF8B3
400
#4DF58A
500
#0EF161
600
#0BC14E
700
#099A3E
800
#077931
900
#0A5726
950
#063718

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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