#C8DBF4

#C8DBF4

Color Values

HEX

#C8DBF4

RGB

200, 219, 244

HSL

214.1, 66.7%, 87.1%

HSV

214.1, 18.0%, 95.7%

CMYK

18.0%, 10.2%, 0.0%, 4.3%

OKLCH

0.8851 0.0402 255.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C8DBF4

#F4E1C8

Analogous

#C8F1F4

#CBC8F4

#C8DBF4

Triadic

#C8DBF4

#F4C8DB

#DBF4C8

Split Complementary

#C8DBF4

#F4CBC8

#F1F4C8

Tetradic

#C8DBF4

#F4C8F1

#F4E1C8

#C8F4CB

Color Blindness Simulation

Original

#C8DBF4

Protanopia

#D0D0EE

Deuteranopia

#CFCEEC

Tritanopia

#C9E9E8

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D8F3
300
#99BCEB
400
#6298E0
500
#2A74D5
600
#225DAA
700
#1B4A88
800
#153A6A
900
#132C4E
950
#0C1C31

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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