#7233B4

#7233B4

Color Values

HEX

#7233B4

RGB

114, 51, 180

HSL

269.3, 55.8%, 45.3%

HSV

269.3, 71.7%, 70.6%

CMYK

36.7%, 71.7%, 0.0%, 29.4%

OKLCH

0.4753 0.1928 301.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7233B4

#75B433

Analogous

#3335B4

#B233B4

#7233B4

Triadic

#7233B4

#B47233

#33B472

Split Complementary

#7233B4

#B4B233

#35B433

Tetradic

#7233B4

#B43335

#75B433

#33B4B2

Color Blindness Simulation

Original

#7233B4

Protanopia

#575695

Deuteranopia

#5A5F8D

Tritanopia

#6F7C77

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC7EF
300
#C1A0E4
400
#9F6CD5
500
#7E38C7
600
#652D9F
700
#51247F
800
#3F1C63
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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