#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026