#67503F

#67503F

Color Values

HEX

#67503F

RGB

103, 80, 63

HSL

25.5, 24.1%, 32.5%

HSV

25.5, 38.8%, 40.4%

CMYK

0.0%, 22.3%, 38.8%, 59.6%

OKLCH

0.4504 0.0407 57.9

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#67503F

#3F5667

Analogous

#673F42

#67643F

#67503F

Triadic

#67503F

#3F6750

#503F67

Split Complementary

#67503F

#3F6764

#3F4267

Tetradic

#67503F

#42673F

#3F5667

#643F67

Color Blindness Simulation

Original

#67503F

Protanopia

#5D5D43

Deuteranopia

#5E6044

Tritanopia

#664647

Achromatopsia

#545454

CSS Usage

background-color: #67503F;
color: #67503F;
border-color: #67503F;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E4DAD3
300
#D1C0B3
400
#B79D8A
500
#9E7B61
600
#7F624D
700
#654F3E
800
#4F3D30
900
#3B2F26
950
#251E18

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

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