#DBECF8

#DBECF8

Color Values

HEX

#DBECF8

RGB

219, 236, 248

HSL

204,8, 67,4%, 91,6%

HSV

204,8, 11,7%, 97,3%

CMYK

11,7%, 4,8%, 0,0%, 2,7%

OKLCH

0,934 0,0244 238,4

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DBECF8

#F8E7DB

Analogous

#DBF8F6

#DBDEF8

#DBECF8

Triadic

#DBECF8

#F8DBEC

#ECF8DB

Split Complementary

#DBECF8

#F8DBDE

#F8F6DB

Tetradic

#DBECF8

#F6DBF8

#F8E7DB

#DEF8DB

Color Blindness Simulation

Original

#DBECF8

Protanopia

#E2E3F5

Deuteranopia

#E1E0F4

Tritanopia

#DCF3F2

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3DFF3
300
#99C9EB
400
#61ACE0
500
#2A8ED5
600
#2172AB
700
#1B5B89
800
#15476B
900
#13364E
950
#0C2231

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,37: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