#853EC4

#853EC4

Color Values

HEX

#853EC4

RGB

133, 62, 196

HSL

271.8, 53.2%, 50.6%

HSV

271.8, 68.4%, 76.9%

CMYK

32.1%, 68.4%, 0.0%, 23.1%

OKLCH

0.5229 0.2002 304.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#853EC4

#7DC43E

Analogous

#423EC4

#C43EC0

#853EC4

Triadic

#853EC4

#C4853E

#3EC485

Split Complementary

#853EC4

#C0C43E

#3EC442

Tetradic

#853EC4

#C4423E

#7DC43E

#3EC0C4

Color Blindness Simulation

Original

#853EC4

Protanopia

#6666A4

Deuteranopia

#6A709C

Tritanopia

#818A84

Achromatopsia

#575757

CSS Usage

background-color: #853EC4;
color: #853EC4;
border-color: #853EC4;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DCC8EE
300
#C4A1E2
400
#A46ED3
500
#843CC3
600
#69309C
700
#54267D
800
#421E62
900
#321948
950
#1F102D

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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