#C3FEE2

#C3FEE2

Color Values

HEX

#C3FEE2

RGB

195, 254, 226

HSL

151.5, 96.7%, 88.0%

HSV

151.5, 23.2%, 99.6%

CMYK

23.2%, 0.0%, 11.0%, 0.4%

OKLCH

0.9494 0.0705 164.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C3FEE2

#FEC3DF

Analogous

#C3FEC4

#C3FDFE

#C3FEE2

Triadic

#C3FEE2

#E2C3FE

#FEE2C3

Split Complementary

#C3FEE2

#FEC3FD

#FEC4C3

Tetradic

#C3FEE2

#C4C3FE

#FEC3DF

#FDFEC3

Color Blindness Simulation

Original

#C3FEE2

Protanopia

#DDDDE9

Deuteranopia

#D9D5EA

Tritanopia

#C6EEEF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEE
200
#B9FEDD
300
#87FDC5
400
#45FCA5
500
#04FB86
600
#03C96B
700
#03A156
800
#027D43
900
#065B33
950
#043920

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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