#722652

#722652

Color Values

HEX

#722652

RGB

114, 38, 82

HSL

325.3, 50.0%, 29.8%

HSV

325.3, 66.7%, 44.7%

CMYK

0.0%, 66.7%, 28.1%, 55.3%

OKLCH

0.3975 0.1183 348.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#722652

#267246

Analogous

#6C2672

#72262C

#722652

Triadic

#722652

#527226

#265272

Split Complementary

#722652

#2C7226

#26726C

Tetradic

#722652

#726C26

#267246

#262C72

Color Blindness Simulation

Original

#722652

Protanopia

#515047

Deuteranopia

#565B45

Tritanopia

#6E3F3D

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDC9DE
300
#E0A3C7
400
#D071A8
500
#BF4089
600
#99336E
700
#7A2958
800
#602045
900
#461B34
950
#2C1121

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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