#70163F

#70163F

Color Values

HEX

#70163F

RGB

112, 22, 63

HSL

332.7, 67.2%, 26.3%

HSV

332.7, 80.4%, 43.9%

CMYK

0.0%, 80.4%, 43.7%, 56.1%

OKLCH

0.3693 0.1281 358.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#70163F

#167047

Analogous

#70166C

#701A16

#70163F

Triadic

#70163F

#3F7016

#163F70

Split Complementary

#70163F

#16701A

#166C70

Tetradic

#70163F

#6C7016

#167047

#1A1670

Color Blindness Simulation

Original

#70163F

Protanopia

#494835

Deuteranopia

#4E5533

Tritanopia

#6B2D2C

Achromatopsia

#2C2C2C

CSS Usage

background-color: #70163F;
color: #70163F;
border-color: #70163F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D9
300
#EB99BE
400
#E0619B
500
#D52A78
600
#AB2160
700
#881B4D
800
#6B153C
900
#4E132E
950
#310C1D

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

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