#DBE6F3

#DBE6F3

Color Values

HEX

#DBE6F3

RGB

219, 230, 243

HSL

212.5, 50.0%, 90.6%

HSV

212.5, 9.9%, 95.3%

CMYK

9.9%, 5.3%, 0.0%, 4.7%

OKLCH

0.9205 0.0213 252.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DBE6F3

#F3E8DB

Analogous

#DBF2F3

#DCDBF3

#DBE6F3

Triadic

#DBE6F3

#F3DBE6

#E6F3DB

Split Complementary

#DBE6F3

#F3DCDB

#F2F3DB

Tetradic

#DBE6F3

#F3DBF2

#F3E8DB

#DBF3DC

Color Blindness Simulation

Original

#DBE6F3

Protanopia

#E0E0F0

Deuteranopia

#DFDEEF

Tritanopia

#DCEDED

Achromatopsia

#E5E5E5

CSS Usage

background-color: #DBE6F3;
color: #DBE6F3;
border-color: #DBE6F3;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DAED
300
#A3BFE0
400
#719DD0
500
#407ABF
600
#336299
700
#294E7A
800
#203D60
900
#1B2F46
950
#111D2C

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026