#D774D2

#D774D2

Color Values

HEX

#D774D2

RGB

215, 116, 210

HSL

303.0, 55.3%, 64.9%

HSV

303.0, 46.0%, 84.3%

CMYK

0.0%, 46.0%, 2.3%, 15.7%

OKLCH

0.7023 0.1693 329.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D774D2

#74D779

Analogous

#AA74D7

#D774A1

#D774D2

Triadic

#D774D2

#D2D774

#74D2D7

Split Complementary

#D774D2

#A1D774

#74D7AA

Tetradic

#D774D2

#D7AA74

#74D779

#74A1D7

Color Blindness Simulation

Original

#D774D2

Protanopia

#ACABBB

Deuteranopia

#B2B9B6

Tritanopia

#D2A9A5

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E5F5
200
#EFC8ED
300
#E4A0E0
400
#D56CD0
500
#C639BF
600
#9E2E99
700
#7F247A
800
#631C5F
900
#491846
950
#2E0F2C

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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