#696126

#696126

Color Values

HEX

#696126

RGB

105, 97, 38

HSL

52.8, 46.9%, 28.0%

HSV

52.8, 63.8%, 41.2%

CMYK

0.0%, 7.6%, 63.8%, 58.8%

OKLCH

0.4873 0.0797 101.6

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#696126

#262E69

Analogous

#693F26

#4F6926

#696126

Triadic

#696126

#266961

#612669

Split Complementary

#696126

#264F69

#3F2669

Tetradic

#696126

#26693F

#262E69

#69264F

Color Blindness Simulation

Original

#696126

Protanopia

#666534

Deuteranopia

#666738

Tritanopia

#694042

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE8CB
300
#DFD8A5
400
#CDC274
500
#BBAD44
600
#968A36
700
#786F2B
800
#5E5622
900
#45401C
950
#2C2812

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026