#DBECFE

#DBECFE

Color Values

HEX

#DBECFE

RGB

219, 236, 254

HSL

210,9, 94,6%, 92,7%

HSV

210,9, 13,8%, 99,6%

CMYK

13,8%, 7,1%, 0,0%, 0,4%

OKLCH

0,9359 0,0304 249,7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DBECFE

#FEEDDB

Analogous

#DBFDFE

#DBDBFE

#DBECFE

Triadic

#DBECFE

#FEDBEC

#ECFEDB

Split Complementary

#DBECFE

#FEDBDB

#FDFEDB

Tetradic

#DBECFE

#FEDBFD

#FEEDDB

#DBFEDB

Color Blindness Simulation

Original

#DBECFE

Protanopia

#E2E3FA

Deuteranopia

#E1E0F9

Tritanopia

#DCF6F5

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#BADAFD
300
#88C0FC
400
#479EFA
500
#077CF8
600
#0663C6
700
#044F9F
800
#033E7C
900
#072F5A
950
#051E39

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,44: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