#CCDBB2

#CCDBB2

Color Values

HEX

#CCDBB2

RGB

204, 219, 178

HSL

82,0, 36,3%, 77,8%

HSV

82,0, 18,7%, 85,9%

CMYK

6,8%, 0,0%, 18,7%, 14,1%

OKLCH

0,8694 0,0572 123,9

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDBB2

#C1B2DB

Analogous

#DBD5B2

#B7DBB2

#CCDBB2

Triadic

#CCDBB2

#B2CCDB

#DBB2CC

Split Complementary

#CCDBB2

#B2B7DB

#D5B2DB

Tetradic

#CCDBB2

#B2DBD5

#C1B2DB

#DBB2B7

Color Blindness Simulation

Original

#CCDBB2

Protanopia

#D2D3BC

Deuteranopia

#D2D0BE

Tritanopia

#CDC4C5

Achromatopsia

#D5D5D5

CSS Usage

background-color: #CCDBB2;
color: #CCDBB2;
border-color: #CCDBB2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EFF3E8
200
#DFE8CE
300
#C8D8AC
400
#AAC37E
500
#8CAE51
600
#708B41
700
#596F34
800
#465729
900
#354021
950
#212915

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026