#C5FADD

#C5FADD

Color Values

HEX

#C5FADD

RGB

197, 250, 221

HSL

147.2, 84.1%, 87.6%

HSV

147.2, 21.2%, 98.0%

CMYK

21.2%, 0.0%, 11.6%, 2.0%

OKLCH

0.9408 0.0667 160.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C5FADD

#FAC5E2

Analogous

#C7FAC5

#C5FAF7

#C5FADD

Triadic

#C5FADD

#DDC5FA

#FADDC5

Split Complementary

#C5FADD

#F7C5FA

#FAC5C7

Tetradic

#C5FADD

#C5C7FA

#FAC5E2

#FAF7C5

Color Blindness Simulation

Original

#C5FADD

Protanopia

#DCDCE4

Deuteranopia

#D9D5E6

Tritanopia

#C8EAEB

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDF9D8
300
#8EF5BD
400
#51F099
500
#14EB75
600
#10BC5E
700
#0D964B
800
#0A753B
900
#0C552D
950
#07361C

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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