#DFBADA

#DFBADA

Color Values

HEX

#DFBADA

RGB

223, 186, 218

HSL

308.1, 36.6%, 80.2%

HSV

308.1, 16.6%, 87.5%

CMYK

0.0%, 16.6%, 2.2%, 12.5%

OKLCH

0.8308 0.0599 330.6

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFBADA

#BADFBF

Analogous

#D1BADF

#DFBAC8

#DFBADA

Triadic

#DFBADA

#DADFBA

#BADADF

Split Complementary

#DFBADA

#C8DFBA

#BADFD1

Tetradic

#DFBADA

#DFD1BA

#BADFBF

#BAC8DF

Color Blindness Simulation

Original

#DFBADA

Protanopia

#CFCFD2

Deuteranopia

#D1D4D0

Tritanopia

#DDCCCB

Achromatopsia

#C4C4C4

CSS Usage

background-color: #DFBADA;
color: #DFBADA;
border-color: #DFBADA;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE5
300
#D8ABD2
400
#C37EBA
500
#AE51A2
600
#8B4181
700
#6F3467
800
#572851
900
#40203C
950
#291526

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026