#C5FAEC

#C5FAEC

Color Values

HEX

#C5FAEC

RGB

197, 250, 236

HSL

164.2, 84.1%, 87.6%

HSV

164.2, 21.2%, 98.0%

CMYK

21.2%, 0.0%, 5.6%, 2.0%

OKLCH

0.9448 0.057 177.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C5FAEC

#FAC5D3

Analogous

#C5FAD1

#C5EDFA

#C5FAEC

Triadic

#C5FAEC

#ECC5FA

#FAECC5

Split Complementary

#C5FAEC

#FAC5ED

#FAD1C5

Tetradic

#C5FAEC

#D1C5FA

#FAC5D3

#EDFAC5

Color Blindness Simulation

Original

#C5FAEC

Protanopia

#DCDCEF

Deuteranopia

#D9D5F0

Tritanopia

#C8F2F3

Achromatopsia

#EEEEEE

CSS Usage

background-color: #C5FAEC;
color: #C5FAEC;
border-color: #C5FAEC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDF9EA
300
#8EF5DA
400
#51F0C6
500
#14EBB2
600
#10BC8F
700
#0D9672
800
#0A7559
900
#0C5542
950
#07362A

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026