#772E45

#772E45

Color Values

HEX

#772E45

RGB

119, 46, 69

HSL

341.1, 44.2%, 32.4%

HSV

341.1, 61.3%, 46.7%

CMYK

0.0%, 61.3%, 42.0%, 53.3%

OKLCH

0.4116 0.1048 3.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#772E45

#2E7760

Analogous

#772E6A

#773C2E

#772E45

Triadic

#772E45

#45772E

#2E4577

Split Complementary

#772E45

#2E773C

#2E6A77

Tetradic

#772E45

#6A772E

#2E7760

#3C2E77

Color Blindness Simulation

Original

#772E45

Protanopia

#57573F

Deuteranopia

#5C613E

Tritanopia

#733B3A

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EB
200
#EBCCD5
300
#DDA7B8
400
#CA7791
500
#B8476B
600
#933955
700
#762E44
800
#5C2435
900
#441D29
950
#2B121A

Contrast Checker

Text on white

9.29:1

AA Pass AAA Pass

Text on black

2.26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026