#DA70D3

#DA70D3

Color Values

HEX

#DA70D3

RGB

218, 112, 211

HSL

304.0, 58.9%, 64.7%

HSV

304.0, 48.6%, 85.5%

CMYK

0.0%, 48.6%, 3.2%, 14.5%

OKLCH

0.7008 0.1786 329.8

Properties

Warm Light Nearest: orchid

Color Harmonies

Complementary

#DA70D3

#70DA77

Analogous

#AC70DA

#DA709E

#DA70D3

Triadic

#DA70D3

#D3DA70

#70D3DA

Split Complementary

#DA70D3

#9EDA70

#70DAAC

Tetradic

#DA70D3

#DAAC70

#70DA77

#709EDA

Color Blindness Simulation

Original

#DA70D3

Protanopia

#ACABBB

Deuteranopia

#B2BAB5

Tritanopia

#D5A8A4

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C6EE
300
#E69EE1
400
#D869D1
500
#CB34C1
600
#A22A9A
700
#82227B
800
#651A60
900
#4A1747
950
#2F0E2D

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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