#695F24

#695F24

Color Values

HEX

#695F24

RGB

105, 95, 36

HSL

51.3, 48.9%, 27.6%

HSV

51.3, 65.7%, 41.2%

CMYK

0.0%, 9.5%, 65.7%, 58.8%

OKLCH

0.4823 0.0796 99.7

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#695F24

#242E69

Analogous

#693C24

#506924

#695F24

Triadic

#695F24

#24695F

#5F2469

Split Complementary

#695F24

#245069

#3C2469

Tetradic

#695F24

#24693C

#242E69

#692450

Color Blindness Simulation

Original

#695F24

Protanopia

#656532

Deuteranopia

#656636

Tritanopia

#683E40

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F2E6
200
#EDE8CA
300
#E0D7A4
400
#CFC173
500
#BEAC41
600
#988934
700
#7A6E2A
800
#5F5621
900
#46401B
950
#2C2811

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026