#586301

#586301

Color Values

HEX

#586301

RGB

88, 99, 1

HSL

66.7, 98.0%, 19.6%

HSV

66.7, 99.0%, 38.8%

CMYK

11.1%, 0.0%, 99.0%, 61.2%

OKLCH

0.4737 0.1089 117.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#586301

#0C0163

Analogous

#633D01

#276301

#586301

Triadic

#586301

#015863

#630158

Split Complementary

#586301

#012763

#3D0163

Tetradic

#586301

#01633D

#0C0163

#630127

Color Blindness Simulation

Original

#586301

Protanopia

#5D5D19

Deuteranopia

#5C5B1E

Tritanopia

#592B30

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F6FEB8
300
#F0FE86
400
#E8FD44
500
#E1FC03
600
#B4CA02
700
#90A202
800
#707E01
900
#525B06
950
#343A04

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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