#CCE3AB

#CCE3AB

Color Values

HEX

#CCE3AB

RGB

204, 227, 171

HSL

84.6, 50.0%, 78.0%

HSV

84.6, 24.7%, 89.0%

CMYK

10.1%, 0.0%, 24.7%, 11.0%

OKLCH

0.8848 0.0781 126.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCE3AB

#C2ABE3

Analogous

#E3DEAB

#B0E3AB

#CCE3AB

Triadic

#CCE3AB

#ABCCE3

#E3ABCC

Split Complementary

#CCE3AB

#ABB0E3

#DEABE3

Tetradic

#CCE3AB

#ABE3DE

#C2ABE3

#E3ABB0

Color Blindness Simulation

Original

#CCE3AB

Protanopia

#D6D6B9

Deuteranopia

#D5D3BC

Tritanopia

#CDC3C6

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDC9
300
#C7E0A3
400
#A9D071
500
#8BBF40
600
#6F9933
700
#597A29
800
#456020
900
#34461B
950
#212C11

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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