#7B2F5B

#7B2F5B

Color Values

HEX

#7B2F5B

RGB

123, 47, 91

HSL

325.3, 44.7%, 33.3%

HSV

325.3, 61.8%, 48.2%

CMYK

0.0%, 61.8%, 26.0%, 51.8%

OKLCH

0.4276 0.1179 347.4

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#7B2F5B

#2F7B4F

Analogous

#752F7B

#7B2F35

#7B2F5B

Triadic

#7B2F5B

#5B7B2F

#2F5B7B

Split Complementary

#7B2F5B

#357B2F

#2F7B75

Tetradic

#7B2F5B

#7B752F

#2F7B4F

#2F357B

Color Blindness Simulation

Original

#7B2F5B

Protanopia

#5A5950

Deuteranopia

#5E644E

Tritanopia

#774846

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDE
300
#DDA6C6
400
#CB76A7
500
#B84788
600
#94386D
700
#762D57
800
#5C2344
900
#441D34
950
#2B1221

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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