#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