#69643B

#69643B

Color Values

HEX

#69643B

RGB

105, 100, 59

HSL

53.5, 28.0%, 32.2%

HSV

53.5, 43.8%, 41.2%

CMYK

0.0%, 4.8%, 43.8%, 58.8%

OKLCH

0.4975 0.0596 102.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#69643B

#3B4069

Analogous

#694D3B

#57693B

#69643B

Triadic

#69643B

#3B6964

#643B69

Split Complementary

#69643B

#3B5769

#4D3B69

Tetradic

#69643B

#3B694D

#3B4069

#693B57

Color Blindness Simulation

Original

#69643B

Protanopia

#676745

Deuteranopia

#676847

Tritanopia

#694D4E

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F0E9
200
#E5E3D1
300
#D3CFB1
400
#BBB586
500
#A39B5C
600
#837C49
700
#68633B
800
#524E2E
900
#3D3A24
950
#262517

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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