#7B2D24

#7B2D24

Color Values

HEX

#7B2D24

RGB

123, 45, 36

HSL

6.2, 54.7%, 31.2%

HSV

6.2, 70.7%, 48.2%

CMYK

0.0%, 63.4%, 70.7%, 51.8%

OKLCH

0.4089 0.1108 29.3

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#7B2D24

#24727B

Analogous

#7B2447

#7B5924

#7B2D24

Triadic

#7B2D24

#247B2D

#2D247B

Split Complementary

#7B2D24

#247B59

#24477B

Tetradic

#7B2D24

#477B24

#24727B

#59247B

Color Blindness Simulation

Original

#7B2D24

Protanopia

#595926

Deuteranopia

#5E6427

Tritanopia

#772828

Achromatopsia

#3D3D3D

CSS Usage

background-color: #7B2D24;
color: #7B2D24;
border-color: #7B2D24;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EFCCC8
300
#E3A7A0
400
#D4786D
500
#C5483A
600
#9E3A2E
700
#7E2E25
800
#63241D
900
#481E19
950
#2E1310

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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