#69660E

#69660E

Color Values

HEX

#69660E

RGB

105, 102, 14

HSL

58.0, 76.5%, 23.3%

HSV

58.0, 86.7%, 41.2%

CMYK

0.0%, 2.9%, 86.7%, 58.8%

OKLCH

0.4974 0.1017 107.5

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#69660E

#0E1169

Analogous

#69380E

#3E690E

#69660E

Triadic

#69660E

#0E6966

#660E69

Split Complementary

#69660E

#0E3E69

#380E69

Tetradic

#69660E

#0E6938

#0E1169

#690E3E

Color Blindness Simulation

Original

#69660E

Protanopia

#686823

Deuteranopia

#686828

Tritanopia

#693438

Achromatopsia

#606060

CSS Usage

background-color: #69660E;
color: #69660E;
border-color: #69660E;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F7F5C0
300
#F1ED93
400
#E9E458
500
#E1DB1E
600
#B4AF18
700
#908C13
800
#716D0F
900
#52500F
950
#34320A

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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