#CDEBDF

#CDEBDF

Color Values

HEX

#CDEBDF

RGB

205, 235, 223

HSL

156.0, 42.9%, 86.3%

HSV

156.0, 12.8%, 92.2%

CMYK

12.8%, 0.0%, 5.1%, 7.8%

OKLCH

0.9149 0.0354 169.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CDEBDF

#EBCDD9

Analogous

#CDEBD0

#CDE8EB

#CDEBDF

Triadic

#CDEBDF

#DFCDEB

#EBDFCD

Split Complementary

#CDEBDF

#EBCDE8

#EBD0CD

Tetradic

#CDEBDF

#D0CDEB

#EBCDD9

#E8EBCD

Color Blindness Simulation

Original

#CDEBDF

Protanopia

#DADAE2

Deuteranopia

#D8D6E3

Tritanopia

#CEE4E5

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDE
300
#A8DCC7
400
#78C9A9
500
#49B68A
600
#3A926F
700
#2F7559
800
#245B45
900
#1E4334
950
#132A21

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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