#DBE6FE

#DBE6FE

Color Values

HEX

#DBE6FE

RGB

219, 230, 254

HSL

221.1, 94.6%, 92.7%

HSV

221.1, 13.8%, 99.6%

CMYK

13.8%, 9.4%, 0.0%, 0.4%

OKLCH

0.924 0.0348 266.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DBE6FE

#FEF3DB

Analogous

#DBF7FE

#E1DBFE

#DBE6FE

Triadic

#DBE6FE

#FEDBE6

#E6FEDB

Split Complementary

#DBE6FE

#FEE1DB

#F7FEDB

Tetradic

#DBE6FE

#FEDBF7

#FEF3DB

#DBFEE1

Color Blindness Simulation

Original

#DBE6FE

Protanopia

#E0E0F8

Deuteranopia

#DFDEF7

Tritanopia

#DCF4F3

Achromatopsia

#E5E5E5

CSS Usage

background-color: #DBE6FE;
color: #DBE6FE;
border-color: #DBE6FE;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F1F5FE
100
#DFE8FC
200
#BACFFD
300
#88ACFC
400
#4780FA
500
#0753F8
600
#0642C6
700
#04359F
800
#03297C
900
#07215A
950
#051539

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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