#676433

#676433

Color Values

HEX

#676433

RGB

103, 100, 51

HSL

56.5, 33.8%, 30.2%

HSV

56.5, 50.5%, 40.4%

CMYK

0.0%, 2.9%, 50.5%, 59.6%

OKLCH

0.4942 0.0693 105.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#676433

#333667

Analogous

#674A33

#506733

#676433

Triadic

#676433

#336764

#643367

Split Complementary

#676433

#335067

#4A3367

Tetradic

#676433

#33674A

#333667

#673350

Color Blindness Simulation

Original

#676433

Protanopia

#66663F

Deuteranopia

#666642

Tritanopia

#67484A

Achromatopsia

#616161

CSS Usage

background-color: #676433;
color: #676433;
border-color: #676433;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAF9F5
100
#F2F2E8
200
#E7E6CF
300
#D6D4AD
400
#C1BD81
500
#ABA654
600
#888444
700
#6D6A36
800
#55532A
900
#3F3D22
950
#282715

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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