#C5FCDF

#C5FCDF

Color Values

HEX

#C5FCDF

RGB

197, 252, 223

HSL

148,4, 90,2%, 88,0%

HSV

148,4, 21,8%, 98,8%

CMYK

21,8%, 0,0%, 11,5%, 1,2%

OKLCH

0,9456 0,0681 161,8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C5FCDF

#FCC5E2

Analogous

#C6FCC5

#C5FCFB

#C5FCDF

Triadic

#C5FCDF

#DFC5FC

#FCDFC5

Split Complementary

#C5FCDF

#FBC5FC

#FCC5C6

Tetradic

#C5FCDF

#C5C6FC

#FCC5E2

#FCFBC5

Color Blindness Simulation

Original

#C5FCDF

Protanopia

#DDDDE6

Deuteranopia

#DAD5E8

Tritanopia

#C8ECED

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BBFCDA
300
#8BF9BF
400
#4CF69C
500
#0CF379
600
#0AC261
700
#089B4E
800
#06793D
900
#09582E
950
#06371D

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,36: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