#DA77D3

#DA77D3

Color Values

HEX

#DA77D3

RGB

218, 119, 211

HSL

304.2, 57.2%, 66.1%

HSV

304.2, 45.4%, 85.5%

CMYK

0.0%, 45.4%, 3.2%, 14.5%

OKLCH

0.7106 0.1672 329.8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DA77D3

#77DA7E

Analogous

#AF77DA

#DA77A2

#DA77D3

Triadic

#DA77D3

#D3DA77

#77D3DA

Split Complementary

#DA77D3

#A2DA77

#77DAAF

Tetradic

#DA77D3

#DAAF77

#77DA7E

#77A2DA

Color Blindness Simulation

Original

#DA77D3

Protanopia

#AFAEBD

Deuteranopia

#B5BCB7

Tritanopia

#D5ABA7

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7ED
300
#E59FE0
400
#D76BCF
500
#C837BE
600
#A02C98
700
#80237A
800
#641B5F
900
#491846
950
#2E0F2C

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026