#674938

#674938

Color Values

HEX

#674938

RGB

103, 73, 56

HSL

21.7, 29.6%, 31.2%

HSV

21.7, 45.6%, 40.4%

CMYK

0.0%, 29.1%, 45.6%, 59.6%

OKLCH

0.4336 0.0491 50.6

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#674938

#385667

Analogous

#67383F

#676138

#674938

Triadic

#674938

#386749

#493867

Split Complementary

#674938

#386761

#383F67

Tetradic

#674938

#3F6738

#385667

#613867

Color Blindness Simulation

Original

#674938

Protanopia

#5A5A3C

Deuteranopia

#5C5E3D

Tritanopia

#663F40

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D8D1
300
#D4BDB0
400
#BD9985
500
#A5755A
600
#845E48
700
#6A4B39
800
#533B2D
900
#3D2D24
950
#271C16

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

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