#D6EAFB

#D6EAFB

Color Values

HEX

#D6EAFB

RGB

214, 234, 251

HSL

207.6, 82.2%, 91.2%

HSV

207.6, 14.7%, 98.4%

CMYK

14.7%, 6.8%, 0.0%, 1.6%

OKLCH

0.9274 0.0315 243.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#D6EAFB

#FBE7D6

Analogous

#D6FBFA

#D6D8FB

#D6EAFB

Triadic

#D6EAFB

#FBD6EA

#EAFBD6

Split Complementary

#D6EAFB

#FBD6D8

#FBFAD6

Tetradic

#D6EAFB

#FAD6FB

#FBE7D6

#D8FBD6

Color Blindness Simulation

Original

#D6EAFB

Protanopia

#DFDFF7

Deuteranopia

#DEDCF6

Tritanopia

#D7F4F3

Achromatopsia

#E7E7E7

CSS Usage

background-color: #D6EAFB;
color: #D6EAFB;
border-color: #D6EAFB;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC6F4
400
#53A7EE
500
#1788E8
600
#126DBA
700
#0F5795
800
#0B4474
900
#0D3354
950
#082035

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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