#7C0870

#7C0870

Color Values

HEX

#7C0870

RGB

124, 8, 112

HSL

306.2, 87.9%, 25.9%

HSV

306.2, 93.5%, 48.6%

CMYK

0.0%, 93.5%, 9.7%, 51.4%

OKLCH

0.407 0.1762 333.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7C0870

#087C14

Analogous

#4E087C

#7C0836

#7C0870

Triadic

#7C0870

#707C08

#08707C

Split Complementary

#7C0870

#367C08

#087C4E

Tetradic

#7C0870

#7C4E08

#087C14

#08367C

Color Blindness Simulation

Original

#7C0870

Protanopia

#4A4957

Deuteranopia

#505951

Tritanopia

#76433F

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FBBCF4
300
#F88CEC
400
#F44EE2
500
#F00FD8
600
#C00CAD
700
#990A8B
800
#78086C
900
#570A4F
950
#370632

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

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