#503C26

#503C26

Color Values

HEX

#503C26

RGB

80, 60, 38

HSL

31.4, 35.6%, 23.1%

HSV

31.4, 52.5%, 31.4%

CMYK

0.0%, 25.0%, 52.5%, 68.6%

OKLCH

0.3724 0.0444 68.4

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#503C26

#263A50

Analogous

#502726

#4F5026

#503C26

Triadic

#503C26

#26503C

#3C2650

Split Complementary

#503C26

#264F50

#272650

Tetradic

#503C26

#265027

#263A50

#50264F

Color Blindness Simulation

Original

#503C26

Protanopia

#47472B

Deuteranopia

#484A2D

Tritanopia

#4F3030

Achromatopsia

#3F3F3F

CSS Usage

background-color: #503C26;
color: #503C26;
border-color: #503C26;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DCCF
300
#D8C3AC
400
#C2A27F
500
#AD8252
600
#8A6842
700
#6F5335
800
#564129
900
#403121
950
#281F15

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

2.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026