#DFDCFA

#DFDCFA

Color Values

HEX

#DFDCFA

RGB

223, 220, 250

HSL

246.0, 75.0%, 92.2%

HSV

246.0, 12.0%, 98.0%

CMYK

10.8%, 12.0%, 0.0%, 2.0%

OKLCH

0.9061 0.0408 290.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDCFA

#F7FADC

Analogous

#DCE8FA

#EEDCFA

#DFDCFA

Triadic

#DFDCFA

#FADFDC

#DCFADF

Split Complementary

#DFDCFA

#FAEEDC

#E8FADC

Tetradic

#DFDCFA

#FADCE8

#F7FADC

#DCFAEE

Color Blindness Simulation

Original

#DFDCFA

Protanopia

#DEDEF3

Deuteranopia

#DEDEF1

Tritanopia

#DFEDEC

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C1F6
300
#9D94F0
400
#685AE7
500
#3320DF
600
#2919B3
700
#21148F
800
#191070
900
#161051
950
#0E0A33

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026