#C3F8DC

#C3F8DC

Color Values

HEX

#C3F8DC

RGB

195, 248, 220

HSL

148.3, 79.1%, 86.9%

HSV

148.3, 21.4%, 97.3%

CMYK

21.4%, 0.0%, 11.3%, 2.7%

OKLCH

0.935 0.066 161.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C3F8DC

#F8C3DF

Analogous

#C5F8C3

#C3F8F7

#C3F8DC

Triadic

#C3F8DC

#DCC3F8

#F8DCC3

Split Complementary

#C3F8DC

#F7C3F8

#F8C3C5

Tetradic

#C3F8DC

#C3C5F8

#F8C3DF

#F8F7C3

Color Blindness Simulation

Original

#C3F8DC

Protanopia

#DADAE3

Deuteranopia

#D7D3E4

Tritanopia

#C6E8E9

Achromatopsia

#EBEBEB

CSS Usage

background-color: #C3F8DC;
color: #C3F8DC;
border-color: #C3F8DC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FCF7
100
#E1F9EC
200
#BFF8DA
300
#91F2BF
400
#56EB9C
500
#1BE47A
600
#15B761
700
#11924E
800
#0D723D
900
#0E532E
950
#09341D

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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