#D27FC3

#D27FC3

Color Values

HEX

#D27FC3

RGB

210, 127, 195

HSL

310.8, 48.0%, 66.1%

HSV

310.8, 39.5%, 82.4%

CMYK

0.0%, 39.5%, 7.1%, 17.6%

OKLCH

0.7066 0.1338 333.8

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#D27FC3

#7FD28E

Analogous

#B77FD2

#D27F9A

#D27FC3

Triadic

#D27FC3

#C3D27F

#7FC3D2

Split Complementary

#D27FC3

#9AD27F

#7FD2B7

Tetradic

#D27FC3

#D2B77F

#7FD28E

#7F9AD2

Color Blindness Simulation

Original

#D27FC3

Protanopia

#AEADB3

Deuteranopia

#B3B9AF

Tritanopia

#CEA6A3

Achromatopsia

#969696

CSS Usage

background-color: #D27FC3;
color: #D27FC3;
border-color: #D27FC3;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCAE6
300
#DFA4D5
400
#CE73BE
500
#BD42A7
600
#973585
700
#792A6B
800
#5E2153
900
#451C3E
950
#2C1127

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