#9245CF

#9245CF

Color Values

HEX

#9245CF

RGB

146, 69, 207

HSL

273.5, 59.0%, 54.1%

HSV

273.5, 66.7%, 81.2%

CMYK

29.5%, 66.7%, 0.0%, 18.8%

OKLCH

0.5546 0.206 306.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#9245CF

#82CF45

Analogous

#4D45CF

#CF45C7

#9245CF

Triadic

#9245CF

#CF9245

#45CF92

Split Complementary

#9245CF

#C7CF45

#45CF4D

Tetradic

#9245CF

#CF4D45

#82CF45

#45C7CF

Color Blindness Simulation

Original

#9245CF

Protanopia

#7170AE

Deuteranopia

#757BA6

Tritanopia

#8E938D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DEC6F0
300
#C69EE6
400
#A769D8
500
#8834CB
600
#6D2AA2
700
#572182
800
#441A65
900
#33174A
950
#200E2F

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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