#720866

#720866

Color Values

HEX

#720866

RGB

114, 8, 102

HSL

306.8, 86.9%, 23.9%

HSV

306.8, 93.0%, 44.7%

CMYK

0.0%, 93.0%, 10.5%, 55.3%

OKLCH

0.3833 0.1645 334.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#720866

#087214

Analogous

#490872

#720831

#720866

Triadic

#720866

#667208

#086672

Split Complementary

#720866

#317208

#087249

Tetradic

#720866

#724908

#087214

#083172

Color Blindness Simulation

Original

#720866

Protanopia

#44434F

Deuteranopia

#4A524A

Tritanopia

#6D3D39

Achromatopsia

#252525

CSS Usage

background-color: #720866;
color: #720866;
border-color: #720866;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF3
300
#F78DEB
400
#F34FE0
500
#EE11D5
600
#BF0DAB
700
#990B88
800
#77086B
900
#560B4E
950
#370731

Contrast Checker

Text on white

10.81:1

AA Pass AAA Pass

Text on black

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