#5F8233

#5F8233

Color Values

HEX

#5F8233

RGB

95, 130, 51

HSL

86.6, 43.6%, 35.5%

HSV

86.6, 60.8%, 51.0%

CMYK

26.9%, 0.0%, 60.8%, 49.0%

OKLCH

0.5623 0.1149 129.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#5F8233

#563382

Analogous

#827E33

#388233

#5F8233

Triadic

#5F8233

#335F82

#82335F

Split Complementary

#5F8233

#333882

#7E3382

Tetradic

#5F8233

#33827E

#563382

#823338

Color Blindness Simulation

Original

#5F8233

Protanopia

#6E6E46

Deuteranopia

#6C6A4B

Tritanopia

#615559

Achromatopsia

#757575

CSS Usage

background-color: #5F8233;
color: #5F8233;
border-color: #5F8233;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C5DCA7
400
#A5CA78
500
#86B748
600
#6B923A
700
#56752E
800
#435C24
900
#33431D
950
#202B13

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

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