#C5E1FD

#C5E1FD

Color Values

HEX

#C5E1FD

RGB

197, 225, 253

HSL

210.0, 93.3%, 88.2%

HSV

210.0, 22.1%, 99.2%

CMYK

22.1%, 11.1%, 0.0%, 0.8%

OKLCH

0.8982 0.0488 248.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C5E1FD

#FDE1C5

Analogous

#C5FDFD

#C5C5FD

#C5E1FD

Triadic

#C5E1FD

#FDC5E1

#E1FDC5

Split Complementary

#C5E1FD

#FDC5C5

#FDFDC5

Tetradic

#C5E1FD

#FDC5FD

#FDE1C5

#C5FDC5

Color Blindness Simulation

Original

#C5E1FD

Protanopia

#D1D1F6

Deuteranopia

#D0CDF5

Tritanopia

#C6F1F0

Achromatopsia

#DDDDDD

CSS Usage

background-color: #C5E1FD;
color: #C5E1FD;
border-color: #C5E1FD;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFD
300
#89C2FB
400
#49A1F9
500
#0980F6
600
#0766C5
700
#05529E
800
#04407B
900
#083059
950
#051F38

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.56: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