#DBDBF0

#DBDBF0

Color Values

HEX

#DBDBF0

RGB

219, 219, 240

HSL

240,0, 41,2%, 90,0%

HSV

240,0, 8,8%, 94,1%

CMYK

8,8%, 8,8%, 0,0%, 5,9%

OKLCH

0,8978 0,0286 285,8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DBDBF0

#F0F0DB

Analogous

#DBE6F0

#E6DBF0

#DBDBF0

Triadic

#DBDBF0

#F0DBDB

#DBF0DB

Split Complementary

#DBDBF0

#F0E6DB

#E6F0DB

Tetradic

#DBDBF0

#F0DBE6

#F0F0DB

#DBF0E6

Color Blindness Simulation

Original

#DBDBF0

Protanopia

#DBDBEB

Deuteranopia

#DBDBEA

Tritanopia

#DBE7E6

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DBDBF0;
color: #DBDBF0;
border-color: #DBDBF0;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCDEA
300
#A9A9DB
400
#7A7AC8
500
#4B4BB4
600
#3C3C90
700
#303073
800
#25255A
900
#1E1E42
950
#13132A

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,4: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