#7F103F

#7F103F

Color Values

HEX

#7F103F

RGB

127, 16, 63

HSL

334.6, 77.6%, 28.0%

HSV

334.6, 87.4%, 49.8%

CMYK

0.0%, 87.4%, 50.4%, 50.2%

OKLCH

0.3934 0.1464 2.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#7F103F

#107F50

Analogous

#7F1076

#7F1810

#7F103F

Triadic

#7F103F

#3F7F10

#103F7F

Split Complementary

#7F103F

#107F18

#10767F

Tetradic

#7F103F

#767F10

#107F50

#18107F

Color Blindness Simulation

Original

#7F103F

Protanopia

#4F4E34

Deuteranopia

#555E31

Tritanopia

#792B29

Achromatopsia

#2B2B2B

CSS Usage

background-color: #7F103F;
color: #7F103F;
border-color: #7F103F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF2F7
100
#F9E1EB
200
#F7C0D7
300
#F192BB
400
#EA5795
500
#E21D70
600
#B5175A
700
#911248
800
#710E38
900
#520F2B
950
#34091B

Contrast Checker

Text on white

10.25:1

AA Pass AAA Pass

Text on black

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