#7C2D12

#7C2D12

Color Values

HEX

#7C2D12

RGB

124, 45, 18

HSL

15.3, 74.6%, 27.8%

HSV

15.3, 85.5%, 48.6%

CMYK

0.0%, 63.7%, 85.5%, 51.4%

OKLCH

0.4084 0.1165 38.2

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#7C2D12

#12617C

Analogous

#7C122C

#7C6212

#7C2D12

Triadic

#7C2D12

#127C2D

#2D127C

Split Complementary

#7C2D12

#127C62

#122C7C

Tetradic

#7C2D12

#2C7C12

#12617C

#62127C

Color Blindness Simulation

Original

#7C2D12

Protanopia

#5A5919

Deuteranopia

#5E641A

Tritanopia

#781E1F

Achromatopsia

#3C3C3C

CSS Usage

background-color: #7C2D12;
color: #7C2D12;
border-color: #7C2D12;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF5F2
100
#F8E8E2
200
#F6CEC1
300
#EFAB94
400
#E77E5A
500
#DF5120
600
#B2411A
700
#8E3415
800
#6F2810
900
#512110
950
#33150A

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Part of These Collections

Tailwind CSS — Orange

Orange 900

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