#70063F

#70063F

Color Values

HEX

#70063F

RGB

112, 6, 63

HSL

327.7, 89.8%, 23.1%

HSV

327.7, 94.6%, 43.9%

CMYK

0.0%, 94.6%, 43.7%, 56.1%

OKLCH

0.3589 0.1416 356.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#70063F

#067037

Analogous

#6C0670

#70060A

#70063F

Triadic

#70063F

#3F7006

#063F70

Split Complementary

#70063F

#0A7006

#06706C

Tetradic

#70063F

#706C06

#067037

#060A70

Color Blindness Simulation

Original

#70063F

Protanopia

#424131

Deuteranopia

#48502E

Tritanopia

#6B2624

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDE
300
#F98BC6
400
#F54CA7
500
#F20D88
600
#C20A6D
700
#9B0857
800
#790744
900
#580933
950
#370620

Contrast Checker

Text on white

11.75:1

AA Pass AAA Pass

Text on black

1.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026