#DBE7F4

#DBE7F4

Color Values

HEX

#DBE7F4

RGB

219, 231, 244

HSL

211.2, 53.2%, 90.8%

HSV

211.2, 10.2%, 95.7%

CMYK

10.2%, 5.3%, 0.0%, 4.3%

OKLCH

0.9228 0.0219 250.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DBE7F4

#F4E8DB

Analogous

#DBF4F4

#DCDBF4

#DBE7F4

Triadic

#DBE7F4

#F4DBE7

#E7F4DB

Split Complementary

#DBE7F4

#F4DCDB

#F4F4DB

Tetradic

#DBE7F4

#F4DBF4

#F4E8DB

#DBF4DC

Color Blindness Simulation

Original

#DBE7F4

Protanopia

#E0E0F1

Deuteranopia

#E0DFF0

Tritanopia

#DCEEEE

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DBEE
300
#A1C0E2
400
#6E9FD3
500
#3C7DC3
600
#30649C
700
#26507D
800
#1E3E62
900
#193048
950
#101E2D

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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