#9245BC

#9245BC

Color Values

HEX

#9245BC

RGB

146, 69, 188

HSL

278.8, 47.0%, 50.4%

HSV

278.8, 63.3%, 73.7%

CMYK

22.3%, 63.3%, 0.0%, 26.3%

OKLCH

0.5418 0.1862 311.6

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9245BC

#6FBC45

Analogous

#5745BC

#BC45AB

#9245BC

Triadic

#9245BC

#BC9245

#45BC92

Split Complementary

#9245BC

#ABBC45

#45BC57

Tetradic

#9245BC

#BC5745

#6FBC45

#45ABBC

Color Blindness Simulation

Original

#9245BC

Protanopia

#71709F

Deuteranopia

#757B98

Tritanopia

#8E8883

Achromatopsia

#5E5E5E

CSS Usage

background-color: #9245BC;
color: #9245BC;
border-color: #9245BC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CBEC
300
#CAA5DF
400
#AE74CD
500
#9144BB
600
#743696
700
#5D2B78
800
#49225E
900
#361C45
950
#22122C

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

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