#C27EC0

#C27EC0

Color Values

HEX

#C27EC0

RGB

194, 126, 192

HSL

301.8, 35.8%, 62.7%

HSV

301.8, 35.1%, 76.1%

CMYK

0.0%, 35.1%, 1.0%, 23.9%

OKLCH

0.6856 0.121 327.8

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C27EC0

#7EC280

Analogous

#A27EC2

#C27E9E

#C27EC0

Triadic

#C27EC0

#C0C27E

#7EC0C2

Split Complementary

#C27EC0

#9EC27E

#7EC2A2

Tetradic

#C27EC0

#C2A27E

#7EC280

#7E9EC2

Color Blindness Simulation

Original

#C27EC0

Protanopia

#A5A4B0

Deuteranopia

#A8AEAC

Tritanopia

#BFA3A1

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E8CFE7
300
#D8ACD6
400
#C27FC0
500
#AD52AA
600
#8B4188
700
#6F346D
800
#572955
900
#40213F
950
#281528

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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