#53256F

#53256F

Color Values

HEX

#53256F

RGB

83, 37, 111

HSL

277.3, 50.0%, 29.0%

HSV

277.3, 66.7%, 43.5%

CMYK

25.2%, 66.7%, 0.0%, 56.5%

OKLCH

0.3659 0.1266 310.2

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#53256F

#416F25

Analogous

#2E256F

#6F2566

#53256F

Triadic

#53256F

#6F5325

#256F53

Split Complementary

#53256F

#666F25

#256F2E

Tetradic

#53256F

#6F2E25

#416F25

#25666F

Color Blindness Simulation

Original

#53256F

Protanopia

#3F3F5D

Deuteranopia

#424559

Tritanopia

#514F4C

Achromatopsia

#343434

CSS Usage

background-color: #53256F;
color: #53256F;
border-color: #53256F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#E0C9ED
300
#C9A3E0
400
#AC71D0
500
#8F40BF
600
#723399
700
#5C297A
800
#482060
900
#361B46
950
#22112C

Contrast Checker

Text on white

11.28:1

AA Pass AAA Pass

Text on black

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