#C5FBDF

#C5FBDF

Color Values

HEX

#C5FBDF

RGB

197, 251, 223

HSL

148.9, 87.1%, 87.8%

HSV

148.9, 21.5%, 98.4%

CMYK

21.5%, 0.0%, 11.2%, 1.6%

OKLCH

0.9434 0.0666 162.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C5FBDF

#FBC5E1

Analogous

#C6FBC5

#C5FBFA

#C5FBDF

Triadic

#C5FBDF

#DFC5FB

#FBDFC5

Split Complementary

#C5FBDF

#FAC5FB

#FBC5C6

Tetradic

#C5FBDF

#C5C6FB

#FBC5E1

#FBFAC5

Color Blindness Simulation

Original

#C5FBDF

Protanopia

#DCDDE6

Deuteranopia

#D9D5E7

Tritanopia

#C8EBEC

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BCFADA
300
#8CF7C0
400
#4EF39E
500
#10EF7B
600
#0DBF63
700
#0B994F
800
#08773E
900
#0A562F
950
#07371E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026