#CCF2B7

#CCF2B7

Color Values

HEX

#CCF2B7

RGB

204, 242, 183

HSL

98.6, 69.4%, 83.3%

HSV

98.6, 24.4%, 94.9%

CMYK

15.7%, 0.0%, 24.4%, 5.1%

OKLCH

0.9193 0.0876 134.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF2B7

#DDB7F2

Analogous

#E9F2B7

#B7F2BF

#CCF2B7

Triadic

#CCF2B7

#B7CCF2

#F2B7CC

Split Complementary

#CCF2B7

#BFB7F2

#F2B7E9

Tetradic

#CCF2B7

#B7E9F2

#DDB7F2

#F2BFB7

Color Blindness Simulation

Original

#CCF2B7

Protanopia

#DCDDC5

Deuteranopia

#DAD7C9

Tritanopia

#CED1D3

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EAF8E3
200
#D4F4C3
300
#B6EC97
400
#8EE25F
500
#66D827
600
#52AD1F
700
#418A19
800
#336C14
900
#284F12
950
#19320B

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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