#7233CA

#7233CA

Color Values

HEX

#7233CA

RGB

114, 51, 202

HSL

265.0, 59.7%, 49.6%

HSV

265.0, 74.8%, 79.2%

CMYK

43.6%, 74.8%, 0.0%, 20.8%

OKLCH

0.4933 0.2162 296.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7233CA

#8BCA33

Analogous

#3340CA

#BD33CA

#7233CA

Triadic

#7233CA

#CA7233

#33CA72

Split Complementary

#7233CA

#CABD33

#40CA33

Tetradic

#7233CA

#CA3340

#8BCA33

#33CABD

Color Blindness Simulation

Original

#7233CA

Protanopia

#5756A6

Deuteranopia

#5A5F9D

Tritanopia

#6F8982

Achromatopsia

#4B4B4B

CSS Usage

background-color: #7233CA;
color: #7233CA;
border-color: #7233CA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D8C6F1
300
#BC9DE6
400
#9768D9
500
#7333CC
600
#5C29A3
700
#492182
800
#391A66
900
#2C164A
950
#1C0E2F

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026