#CCF1B6

#CCF1B6

Color Values

HEX

#CCF1B6

RGB

204, 241, 182

HSL

97.6, 67.8%, 82.9%

HSV

97.6, 24.5%, 94.5%

CMYK

15.4%, 0.0%, 24.5%, 5.5%

OKLCH

0.9169 0.0871 134.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF1B6

#DBB6F1

Analogous

#E9F1B6

#B6F1BD

#CCF1B6

Triadic

#CCF1B6

#B6CCF1

#F1B6CC

Split Complementary

#CCF1B6

#BDB6F1

#F1B6E9

Tetradic

#CCF1B6

#B6E9F1

#DBB6F1

#F1BDB6

Color Blindness Simulation

Original

#CCF1B6

Protanopia

#DCDCC4

Deuteranopia

#DAD7C8

Tritanopia

#CED0D2

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D5F4C3
300
#B7EB98
400
#90E161
500
#6AD629
600
#54AB21
700
#44891A
800
#356B15
900
#294E13
950
#1A310C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.83:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026