#C5FAD4

#C5FAD4

Color Values

HEX

#C5FAD4

RGB

197, 250, 212

HSL

137.0, 84.1%, 87.6%

HSV

137.0, 21.2%, 98.0%

CMYK

21.2%, 0.0%, 15.2%, 2.0%

OKLCH

0.9385 0.0744 153.6

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C5FAD4

#FAC5EB

Analogous

#D0FAC5

#C5FAEE

#C5FAD4

Triadic

#C5FAD4

#D4C5FA

#FAD4C5

Split Complementary

#C5FAD4

#EEC5FA

#FAC5D0

Tetradic

#C5FAD4

#C5D0FA

#FAC5EB

#FAEEC5

Color Blindness Simulation

Original

#C5FAD4

Protanopia

#DCDCDD

Deuteranopia

#D9D5DF

Tritanopia

#C8E4E6

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FDF5
100
#E0FAE8
200
#BDF9CE
300
#8EF5AB
400
#51F07E
500
#14EB51
600
#10BC41
700
#0D9634
800
#0A7529
900
#0C5521
950
#073615

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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