#772C36

#772C36

Color Values

HEX

#772C36

RGB

119, 44, 54

HSL

352.0, 46.0%, 32.0%

HSV

352.0, 63.0%, 46.7%

CMYK

0.0%, 63.0%, 54.6%, 53.3%

OKLCH

0.4044 0.1052 15.1

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#772C36

#2C776D

Analogous

#772C5C

#77482C

#772C36

Triadic

#772C36

#36772C

#2C3677

Split Complementary

#772C36

#2C7748

#2C5C77

Tetradic

#772C36

#5C772C

#2C776D

#482C77

Color Blindness Simulation

Original

#772C36

Protanopia

#575634

Deuteranopia

#5B6033

Tritanopia

#733231

Achromatopsia

#3D3D3D

CSS Usage

background-color: #772C36;
color: #772C36;
border-color: #772C36;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCBCF
300
#DEA6AD
400
#CC7581
500
#BA4554
600
#953744
700
#772C36
800
#5D222A
900
#451C22
950
#2B1215

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

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