#70277D

#70277D

Color Values

HEX

#70277D

RGB

112, 39, 125

HSL

290.9, 52.4%, 32.2%

HSV

290.9, 68.8%, 49.0%

CMYK

10.4%, 68.8%, 0.0%, 51.0%

OKLCH

0.4189 0.1511 321.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#70277D

#347D27

Analogous

#45277D

#7D275F

#70277D

Triadic

#70277D

#7D7027

#277D70

Split Complementary

#70277D

#5F7D27

#277D45

Tetradic

#70277D

#7D4527

#347D27

#275F7D

Color Blindness Simulation

Original

#70277D

Protanopia

#505068

Deuteranopia

#555A63

Tritanopia

#6C5854

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E5F5
200
#E8C9EE
300
#D8A2E2
400
#C36FD2
500
#AE3DC2
600
#8B319B
700
#6F277C
800
#571E61
900
#401A47
950
#29102D

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

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