#D0DEF0

#D0DEF0

Color Values

HEX

#D0DEF0

RGB

208, 222, 240

HSL

213.8, 51.6%, 87.8%

HSV

213.8, 13.3%, 94.1%

CMYK

13.3%, 7.5%, 0.0%, 5.9%

OKLCH

0.8955 0.029 254.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D0DEF0

#F0E2D0

Analogous

#D0EEF0

#D2D0F0

#D0DEF0

Triadic

#D0DEF0

#F0D0DE

#DEF0D0

Split Complementary

#D0DEF0

#F0D2D0

#EEF0D0

Tetradic

#D0DEF0

#F0D0EE

#F0E2D0

#D0F0D2

Color Blindness Simulation

Original

#D0DEF0

Protanopia

#D6D6EC

Deuteranopia

#D5D4EB

Tritanopia

#D1E8E7

Achromatopsia

#DCDCDC

CSS Usage

background-color: #D0DEF0;
color: #D0DEF0;
border-color: #D0DEF0;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C9D9EE
300
#A2BEE1
400
#709AD1
500
#3E77C1
600
#315F9B
700
#274C7C
800
#1F3C61
900
#1A2E47
950
#101D2D

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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