#DBECF4

#DBECF4

Color Values

HEX

#DBECF4

RGB

219, 236, 244

HSL

199.2, 53.2%, 90.8%

HSV

199.2, 10.2%, 95.7%

CMYK

10.2%, 3.3%, 0.0%, 4.3%

OKLCH

0.9328 0.0211 227.5

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DBECF4

#F4E3DB

Analogous

#DBF4F0

#DBE0F4

#DBECF4

Triadic

#DBECF4

#F4DBEC

#ECF4DB

Split Complementary

#DBECF4

#F4DBE0

#F4F0DB

Tetradic

#DBECF4

#F0DBF4

#F4E3DB

#E0F4DB

Color Blindness Simulation

Original

#DBECF4

Protanopia

#E2E3F2

Deuteranopia

#E1E0F2

Tritanopia

#DCF1F0

Achromatopsia

#E9E9E9

CSS Usage

background-color: #DBECF4;
color: #DBECF4;
border-color: #DBECF4;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C8E2EE
300
#A1CEE2
400
#6EB3D3
500
#3C98C3
600
#307A9C
700
#26617D
800
#1E4C62
900
#193948
950
#10242D

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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