#7233AA

#7233AA

Color Values

HEX

#7233AA

RGB

114, 51, 170

HSL

271.8, 53.8%, 43.3%

HSV

271.8, 70.0%, 66.7%

CMYK

32.9%, 70.0%, 0.0%, 33.3%

OKLCH

0.4675 0.182 304.4

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#7233AA

#6BAA33

Analogous

#3733AA

#AA33A6

#7233AA

Triadic

#7233AA

#AA7233

#33AA72

Split Complementary

#7233AA

#A6AA33

#33AA37

Tetradic

#7233AA

#AA3733

#6BAA33

#33A6AA

Color Blindness Simulation

Original

#7233AA

Protanopia

#57568D

Deuteranopia

#5A5F86

Tritanopia

#6F7671

Achromatopsia

#494949

CSS Usage

background-color: #7233AA;
color: #7233AA;
border-color: #7233AA;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DCC8EF
300
#C4A1E3
400
#A46ED3
500
#843BC4
600
#692F9D
700
#54267E
800
#421D62
900
#321948
950
#1F102D

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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