#C6DEFD

#C6DEFD

Color Values

HEX

#C6DEFD

RGB

198, 222, 253

HSL

213.8, 93.2%, 88.4%

HSV

213.8, 21.7%, 99.2%

CMYK

21.7%, 12.3%, 0.0%, 0.8%

OKLCH

0.8928 0.05 254.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C6DEFD

#FDE5C6

Analogous

#C6F9FD

#C9C6FD

#C6DEFD

Triadic

#C6DEFD

#FDC6DE

#DEFDC6

Split Complementary

#C6DEFD

#FDC9C6

#F9FDC6

Tetradic

#C6DEFD

#FDC6F9

#FDE5C6

#C6FDC9

Color Blindness Simulation

Original

#C6DEFD

Protanopia

#D0D1F6

Deuteranopia

#CFCDF4

Tritanopia

#C7F0EE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEBFB
200
#BAD7FD
300
#89BBFB
400
#4996F9
500
#0970F6
600
#075AC5
700
#06489E
800
#04387B
900
#082B59
950
#051B38

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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