#DF8CB8

#DF8CB8

Color Values

HEX

#DF8CB8

RGB

223, 140, 184

HSL

328.2, 56.5%, 71.2%

HSV

328.2, 37.2%, 87.5%

CMYK

0.0%, 37.2%, 17.5%, 12.5%

OKLCH

0.7385 0.1143 347.2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#DF8CB8

#8CDFB3

Analogous

#DD8CDF

#DF8C8F

#DF8CB8

Triadic

#DF8CB8

#B8DF8C

#8CB8DF

Split Complementary

#DF8CB8

#8FDF8C

#8CDFDD

Tetradic

#DF8CB8

#DFDD8C

#8CDFB3

#8C8FDF

Color Blindness Simulation

Original

#DF8CB8

Protanopia

#BBBAAD

Deuteranopia

#C0C6AB

Tritanopia

#DBA5A3

Achromatopsia

#A1A1A1

CSS Usage

background-color: #DF8CB8;
color: #DF8CB8;
border-color: #DF8CB8;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4F8
100
#F6E5EE
200
#EFC7DD
300
#E49FC4
400
#D66BA4
500
#C83784
600
#A02C69
700
#802354
800
#641C42
900
#491832
950
#2E0F20

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026