#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

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