#656301

#656301

Color Values

HEX

#656301

RGB

101, 99, 1

HSL

58.8, 98.0%, 20.0%

HSV

58.8, 99.0%, 39.6%

CMYK

0.0%, 2.0%, 99.0%, 60.4%

OKLCH

0.4857 0.1045 108.3

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#656301

#010365

Analogous

#653101

#356501

#656301

Triadic

#656301

#016563

#630165

Split Complementary

#656301

#013565

#310165

Tetradic

#656301

#016531

#010365

#650135

Color Blindness Simulation

Original

#656301

Protanopia

#646419

Deuteranopia

#64641E

Tritanopia

#652B30

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFDB8
300
#FEFB86
400
#FDF944
500
#FCF703
600
#CAC602
700
#A29E02
800
#7E7C01
900
#5B5906
950
#3A3904

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

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