#C4FCC2

#C4FCC2

Color Values

HEX

#C4FCC2

RGB

196, 252, 194

HSL

117.9, 90.6%, 87.5%

HSV

117.9, 23.0%, 98.8%

CMYK

22.2%, 0.0%, 23.0%, 1.2%

OKLCH

0.938 0.096 143.9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#C4FCC2

#FAC2FC

Analogous

#E1FCC2

#C2FCDD

#C4FCC2

Triadic

#C4FCC2

#C2C4FC

#FCC2C4

Split Complementary

#C4FCC2

#DDC2FC

#FCC2E1

Tetradic

#C4FCC2

#C2E1FC

#FAC2FC

#FCDDC2

Color Blindness Simulation

Original

#C4FCC2

Protanopia

#DCDDD0

Deuteranopia

#D9D5D3

Tritanopia

#C7DBDE

Achromatopsia

#ECECEC

CSS Usage

background-color: #C4FCC2;
color: #C4FCC2;
border-color: #C4FCC2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBB
300
#8EF98A
400
#51F64B
500
#14F30C
600
#10C20A
700
#0D9C08
800
#0A7A06
900
#0C5809
950
#073806

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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