#5B6418

#5B6418

Color Values

HEX

#5B6418

RGB

91, 100, 24

HSL

67.1, 61.3%, 24.3%

HSV

67.1, 76.0%, 39.2%

CMYK

9.0%, 0.0%, 76.0%, 60.8%

OKLCH

0.4801 0.0977 116.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#5B6418

#211864

Analogous

#644718

#356418

#5B6418

Triadic

#5B6418

#185B64

#64185B

Split Complementary

#5B6418

#183564

#471864

Tetradic

#5B6418

#186447

#211864

#641835

Color Blindness Simulation

Original

#5B6418

Protanopia

#5F5F2A

Deuteranopia

#5E5E2F

Tritanopia

#5B393C

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F6E4
200
#ECF1C5
300
#DEE79C
400
#CDDA67
500
#BBCE31
600
#96A527
700
#788420
800
#5E6719
900
#454B16
950
#2B2F0E

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

3.28:1

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