#DBE2EC

#DBE2EC

Color Values

HEX

#DBE2EC

RGB

219, 226, 236

HSL

215,3, 30,9%, 89,2%

HSV

215,3, 7,2%, 92,5%

CMYK

7,2%, 4,2%, 0,0%, 7,5%

OKLCH

0,9104 0,0156 257,2

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DBE2EC

#ECE5DB

Analogous

#DBEAEC

#DCDBEC

#DBE2EC

Triadic

#DBE2EC

#ECDBE2

#E2ECDB

Split Complementary

#DBE2EC

#ECDCDB

#EAECDB

Tetradic

#DBE2EC

#ECDBEA

#ECE5DB

#DBECDC

Color Blindness Simulation

Original

#DBE2EC

Protanopia

#DEDEEA

Deuteranopia

#DEDDE9

Tritanopia

#DBE8E7

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D9E6
300
#AFBED5
400
#839BBE
500
#5879A7
600
#466086
700
#384D6B
800
#2C3C53
900
#232E3E
950
#161D27

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,1:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026