#CCFAB0

#CCFAB0

Color Values

HEX

#CCFAB0

RGB

204, 250, 176

HSL

97.3, 88.1%, 83.5%

HSV

97.3, 29.6%, 98.0%

CMYK

18.4%, 0.0%, 29.6%, 2.0%

OKLCH

0.935 0.1078 134.0

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CCFAB0

#DEB0FA

Analogous

#F1FAB0

#B0FAB9

#CCFAB0

Triadic

#CCFAB0

#B0CCFA

#FAB0CC

Split Complementary

#CCFAB0

#B9B0FA

#FAB0F1

Tetradic

#CCFAB0

#B0F1FA

#DEB0FA

#FAB9B0

Color Blindness Simulation

Original

#CCFAB0

Protanopia

#E0E0C2

Deuteranopia

#DDDAC6

Tritanopia

#CED0D3

Achromatopsia

#EBEBEB

CSS Usage

background-color: #CCFAB0;
color: #CCFAB0;
border-color: #CCFAB0;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F6FDF2
100
#EAFBE0
200
#D4FBBC
300
#B5F88C
400
#8CF44E
500
#64F00F
600
#50C00C
700
#40990A
800
#327808
900
#27570A
950
#193706

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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