#DA68B8

#DA68B8

Color Values

HEX

#DA68B8

RGB

218, 104, 184

HSL

317.9, 60.6%, 63.1%

HSV

317.9, 52.3%, 85.5%

CMYK

0.0%, 52.3%, 15.6%, 14.5%

OKLCH

0.6784 0.1701 340.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DA68B8

#68DA8A

Analogous

#C368DA

#DA687F

#DA68B8

Triadic

#DA68B8

#B8DA68

#68B8DA

Split Complementary

#DA68B8

#7FDA68

#68DAC3

Tetradic

#DA68B8

#DAC368

#68DA8A

#687FDA

Color Blindness Simulation

Original

#DA68B8

Protanopia

#A9A8A5

Deuteranopia

#AFB8A0

Tritanopia

#D49592

Achromatopsia

#868686

CSS Usage

background-color: #DA68B8;
color: #DA68B8;
border-color: #DA68B8;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F9
100
#F6E4F1
200
#F1C6E4
300
#E79DD1
400
#DA67B8
500
#CD329F
600
#A4287F
700
#832066
800
#66194F
900
#4B163B
950
#2F0E25

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026