#CCE2BB

#CCE2BB

Color Values

HEX

#CCE2BB

RGB

204, 226, 187

HSL

93.8, 40.2%, 81.0%

HSV

93.8, 17.3%, 88.6%

CMYK

9.7%, 0.0%, 17.3%, 11.4%

OKLCH

0.8862 0.0573 131.6

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCE2BB

#D1BBE2

Analogous

#E0E2BB

#BBE2BE

#CCE2BB

Triadic

#CCE2BB

#BBCCE2

#E2BBCC

Split Complementary

#CCE2BB

#BEBBE2

#E2BBE0

Tetradic

#CCE2BB

#BBE0E2

#D1BBE2

#E2BEBB

Color Blindness Simulation

Original

#CCE2BB

Protanopia

#D6D6C4

Deuteranopia

#D4D3C7

Tritanopia

#CDCCCE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9EACD
300
#BFDAA9
400
#9CC77B
500
#79B34C
600
#618F3D
700
#4D7231
800
#3D5926
900
#2E421F
950
#1D2A14

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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