#CCF3B6

#CCF3B6

Color Values

HEX

#CCF3B6

RGB

204, 243, 182

HSL

98.4, 71.8%, 83.3%

HSV

98.4, 25.1%, 95.3%

CMYK

16.0%, 0.0%, 25.1%, 4.7%

OKLCH

0.9212 0.0903 134.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF3B6

#DDB6F3

Analogous

#EAF3B6

#B6F3BE

#CCF3B6

Triadic

#CCF3B6

#B6CCF3

#F3B6CC

Split Complementary

#CCF3B6

#BEB6F3

#F3B6EA

Tetradic

#CCF3B6

#B6EAF3

#DDB6F3

#F3BEB6

Color Blindness Simulation

Original

#CCF3B6

Protanopia

#DDDDC5

Deuteranopia

#DBD8C8

Tritanopia

#CED0D3

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EAF8E2
200
#D4F5C2
300
#B5EE96
400
#8EE45D
500
#66DB24
600
#51AF1D
700
#418C17
800
#336E12
900
#285011
950
#19320B

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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