#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026