#C0D5FD

#C0D5FD

Color Values

HEX

#C0D5FD

RGB

192, 213, 253

HSL

219.3, 93.8%, 87.3%

HSV

219.3, 24.1%, 99.2%

CMYK

24.1%, 15.8%, 0.0%, 0.8%

OKLCH

0.8705 0.0601 263.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C0D5FD

#FDE8C0

Analogous

#C0F4FD

#CAC0FD

#C0D5FD

Triadic

#C0D5FD

#FDC0D5

#D5FDC0

Split Complementary

#C0D5FD

#FDCAC0

#F4FDC0

Tetradic

#C0D5FD

#FDC0F4

#FDE8C0

#C0FDCA

Color Blindness Simulation

Original

#C0D5FD

Protanopia

#C9C9F3

Deuteranopia

#C8C6F1

Tritanopia

#C1ECEA

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE9FB
200
#BAD1FD
300
#88B0FB
400
#4885F9
500
#085AF7
600
#0648C6
700
#053A9E
800
#042D7C
900
#082459
950
#051738

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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