#DF68D0

#DF68D0

Color Values

HEX

#DF68D0

RGB

223, 104, 208

HSL

307,6, 65,0%, 64,1%

HSV

307,6, 53,4%, 87,5%

CMYK

0,0%, 53,4%, 6,7%, 12,5%

OKLCH

0,6951 0,192 332,5

Properties

Warm Light Nearest: orchid

Color Harmonies

Complementary

#DF68D0

#68DF77

Analogous

#B368DF

#DF6894

#DF68D0

Triadic

#DF68D0

#D0DF68

#68D0DF

Split Complementary

#DF68D0

#94DF68

#68DFB3

Tetradic

#DF68D0

#DFB368

#68DF77

#6894DF

Color Blindness Simulation

Original

#DF68D0

Protanopia

#ABAAB7

Deuteranopia

#B2BBB1

Tritanopia

#D9A39F

Achromatopsia

#898989

CSS Usage

background-color: #DF68D0;
color: #DF68D0;
border-color: #DF68D0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4ED
300
#EA9AE0
400
#DE63CE
500
#D22DBD
600
#A82498
700
#871D79
800
#69165F
900
#4D1446
950
#310D2C

Contrast Checker

Text on white

2,99:1

AA Fail AAA Fail

Text on black

7,03: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