#D0CFE9

#D0CFE9

Color Values

HEX

#D0CFE9

RGB

208, 207, 233

HSL

242.3, 37.1%, 86.3%

HSV

242.3, 11.2%, 91.4%

CMYK

10.7%, 11.2%, 0.0%, 8.6%

OKLCH

0.8634 0.0357 287.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D0CFE9

#E8E9CF

Analogous

#CFDBE9

#DDCFE9

#D0CFE9

Triadic

#D0CFE9

#E9D0CF

#CFE9D0

Split Complementary

#D0CFE9

#E9DDCF

#DBE9CF

Tetradic

#D0CFE9

#E9CFDB

#E8E9CF

#CFE9DD

Color Blindness Simulation

Original

#D0CFE9

Protanopia

#D0D0E3

Deuteranopia

#D0D0E1

Tritanopia

#D0DEDD

Achromatopsia

#D1D1D1

CSS Usage

background-color: #D0CFE9;
color: #D0CFE9;
border-color: #D0CFE9;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE9
300
#ADABD9
400
#807EC4
500
#5450AF
600
#43408C
700
#363370
800
#2A2857
900
#222041
950
#151429

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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