#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026