#C6DAFD

#C6DAFD

Color Values

HEX

#C6DAFD

RGB

198, 218, 253

HSL

218,2, 93,2%, 88,4%

HSV

218,2, 21,7%, 99,2%

CMYK

21,7%, 13,8%, 0,0%, 0,8%

OKLCH

0,8848 0,0531 261,7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C6DAFD

#FDE9C6

Analogous

#C6F5FD

#CDC6FD

#C6DAFD

Triadic

#C6DAFD

#FDC6DA

#DAFDC6

Split Complementary

#C6DAFD

#FDCDC6

#F5FDC6

Tetradic

#C6DAFD

#FDC6F5

#FDE9C6

#C6FDCD

Color Blindness Simulation

Original

#C6DAFD

Protanopia

#CFCFF5

Deuteranopia

#CECCF2

Tritanopia

#C7EEEC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BAD2FD
300
#89B2FB
400
#4989F9
500
#095FF6
600
#074CC5
700
#063D9E
800
#04307B
900
#082559
950
#051838

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,85:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026