#7C451B

#7C451B

Color Values

HEX

#7C451B

RGB

124, 69, 27

HSL

26,0, 64,2%, 29,6%

HSV

26,0, 78,2%, 48,6%

CMYK

0,0%, 44,4%, 78,2%, 51,4%

OKLCH

0,4492 0,0934 54,6

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#7C451B

#1B527C

Analogous

#7C1B21

#7C751B

#7C451B

Triadic

#7C451B

#1B7C45

#451B7C

Split Complementary

#7C451B

#1B7C75

#1B217C

Tetradic

#7C451B

#217C1B

#1B527C

#751B7C

Color Blindness Simulation

Original

#7C451B

Protanopia

#646425

Deuteranopia

#676C28

Tritanopia

#792D2F

Achromatopsia

#4E4E4E

CSS Usage

background-color: #7C451B;
color: #7C451B;
border-color: #7C451B;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F2D8C4
300
#E9BD9B
400
#DD9964
500
#D1752E
600
#A75D25
700
#864B1D
800
#693A17
900
#4C2D14
950
#301C0D

Contrast Checker

Text on white

7,71:1

AA Pass AAA Pass

Text on black

2,72: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