#DA25B4

#DA25B4

Color Values

HEX

#DA25B4

RGB

218, 37, 180

HSL

312.6, 71.0%, 50.0%

HSV

312.6, 83.0%, 85.5%

CMYK

0.0%, 83.0%, 17.4%, 14.5%

OKLCH

0.6133 0.2479 338.9

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#DA25B4

#25DA4B

Analogous

#A625DA

#DA2559

#DA25B4

Triadic

#DA25B4

#B4DA25

#25B4DA

Split Complementary

#DA25B4

#59DA25

#25DAA6

Tetradic

#DA25B4

#DAA625

#25DA4B

#2559DA

Color Blindness Simulation

Original

#DA25B4

Protanopia

#8C8A91

Deuteranopia

#96A489

Tritanopia

#D17670

Achromatopsia

#565656

CSS Usage

background-color: #DA25B4;
color: #DA25B4;
border-color: #DA25B4;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FA
100
#F8E2F3
200
#F5C2EA
300
#ED96DB
400
#E45EC8
500
#DA25B4
600
#AE1E90
700
#8C1873
800
#6D125A
900
#4F1142
950
#320B2A

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.9: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