#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