#589401

#589401

Color Values

HEX

#589401

RGB

88, 148, 1

HSL

84.5, 98.7%, 29.2%

HSV

84.5, 99.3%, 58.0%

CMYK

40.5%, 0.0%, 99.3%, 42.0%

OKLCH

0.6018 0.1675 132.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#589401

#3D0194

Analogous

#948601

#0E9401

#589401

Triadic

#589401

#015894

#940158

Split Complementary

#589401

#010E94

#860194

Tetradic

#589401

#019486

#3D0194

#94010E

Color Blindness Simulation

Original

#589401

Protanopia

#727325

Deuteranopia

#6E6A2D

Tritanopia

#5B4147

Achromatopsia

#7D7D7D

CSS Usage

background-color: #589401;
color: #589401;
border-color: #589401;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F9FEF1
100
#F0FCDE
200
#E2FFB8
300
#CDFE85
400
#B2FE44
500
#97FD02
600
#78CB01
700
#60A201
800
#4B7F01
900
#385B05
950
#243A03

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass 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