#685F01

#685F01

Color Values

HEX

#685F01

RGB

104, 95, 1

HSL

54.8, 98.1%, 20.6%

HSV

54.8, 99.0%, 40.8%

CMYK

0.0%, 8.7%, 99.0%, 59.2%

OKLCH

0.479 0.1003 103.0

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#685F01

#010A68

Analogous

#682C01

#3D6801

#685F01

Triadic

#685F01

#01685F

#5F0168

Split Complementary

#685F01

#013D68

#2C0168

Tetradic

#685F01

#01682C

#010A68

#68013D

Color Blindness Simulation

Original

#685F01

Protanopia

#646418

Deuteranopia

#65651D

Tritanopia

#682A2E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #685F01;
color: #685F01;
border-color: #685F01;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FEF8B8
300
#FEF386
400
#FDED44
500
#FDE702
600
#CAB902
700
#A29402
800
#7E7301
900
#5B5406
950
#3A3504

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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