#C59AE2

#C59AE2

Color Values

HEX

#C59AE2

RGB

197, 154, 226

HSL

275.8, 55.4%, 74.5%

HSV

275.8, 31.9%, 88.6%

CMYK

12.8%, 31.9%, 0.0%, 11.4%

OKLCH

0.7512 0.1107 311.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C59AE2

#B7E29A

Analogous

#A19AE2

#E29ADB

#C59AE2

Triadic

#C59AE2

#E2C59A

#9AE2C5

Split Complementary

#C59AE2

#DBE29A

#9AE2A1

Tetradic

#C59AE2

#E2A19A

#B7E29A

#9ADBE2

Color Blindness Simulation

Original

#C59AE2

Protanopia

#B2B2D1

Deuteranopia

#B5B8CC

Tritanopia

#C3C3C0

Achromatopsia

#A8A8A8

CSS Usage

background-color: #C59AE2;
color: #C59AE2;
border-color: #C59AE2;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#DFC8EF
300
#C8A0E4
400
#AB6CD5
500
#8D39C6
600
#712D9F
700
#5A247F
800
#471C63
900
#351849
950
#220F2E

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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