#6C690F

#6C690F

Color Values

HEX

#6C690F

RGB

108, 105, 15

HSL

58.1, 75.6%, 24.1%

HSV

58.1, 86.1%, 42.4%

CMYK

0.0%, 2.8%, 86.1%, 57.6%

OKLCH

0.5076 0.1037 107.5

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#6C690F

#0F126C

Analogous

#6C3B0F

#406C0F

#6C690F

Triadic

#6C690F

#0F6C69

#690F6C

Split Complementary

#6C690F

#0F406C

#3B0F6C

Tetradic

#6C690F

#0F6C3B

#0F126C

#6C0F40

Color Blindness Simulation

Original

#6C690F

Protanopia

#6B6B25

Deuteranopia

#6B6B2A

Tritanopia

#6C363A

Achromatopsia

#636363

CSS Usage

background-color: #6C690F;
color: #6C690F;
border-color: #6C690F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F6F5C0
300
#F0ED94
400
#E8E359
500
#E0DA1F
600
#B3AE19
700
#8F8B14
800
#706D10
900
#514F0F
950
#33320A

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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