#D77AFF

#D77AFF

Color Values

HEX

#D77AFF

RGB

215, 122, 255

HSL

282.0, 100.0%, 73.9%

HSV

282.0, 52.2%, 100.0%

CMYK

15.7%, 52.2%, 0.0%, 0.0%

OKLCH

0.7327 0.2035 314.7

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D77AFF

#A2FF7A

Analogous

#957AFF

#FF7AE4

#D77AFF

Triadic

#D77AFF

#FFD77A

#7AFFD7

Split Complementary

#D77AFF

#E4FF7A

#7AFF95

Tetradic

#D77AFF

#FF957A

#A2FF7A

#7AE4FF

Color Blindness Simulation

Original

#D77AFF

Protanopia

#AFAEDF

Deuteranopia

#B4BBD7

Tritanopia

#D2C5C0

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#EAB8FF
300
#DA85FF
400
#C642FF
500
#B300FF
600
#8F00CC
700
#7200A3
800
#590080
900
#42055C
950
#2A033A

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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