#7F144F

#7F144F

Color Values

HEX

#7F144F

RGB

127, 20, 79

HSL

326.9, 72.8%, 28.8%

HSV

326.9, 84.3%, 49.8%

CMYK

0.0%, 84.3%, 37.8%, 50.2%

OKLCH

0.4019 0.1494 353.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#7F144F

#147F44

Analogous

#79147F

#7F141A

#7F144F

Triadic

#7F144F

#4F7F14

#144F7F

Split Complementary

#7F144F

#1A7F14

#147F79

Tetradic

#7F144F

#7F7914

#147F44

#141A7F

Color Blindness Simulation

Original

#7F144F

Protanopia

#515041

Deuteranopia

#575F3D

Tritanopia

#7A3533

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F5C1DE
300
#EE95C6
400
#E55CA8
500
#DC2389
600
#B01C6E
700
#8D1658
800
#6E1145
900
#501134
950
#330B21

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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