#838022

#838022

Color Values

HEX

#838022

RGB

131, 128, 34

HSL

58.1, 58.8%, 32.4%

HSV

58.1, 74.0%, 51.4%

CMYK

0.0%, 2.3%, 74.0%, 48.6%

OKLCH

0.5849 0.1123 107.6

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#838022

#222583

Analogous

#835022

#568322

#838022

Triadic

#838022

#228380

#802283

Split Complementary

#838022

#225683

#502283

Tetradic

#838022

#228350

#222583

#832256

Color Blindness Simulation

Original

#838022

Protanopia

#828239

Deuteranopia

#82823E

Tritanopia

#834B4F

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0EFC6
300
#E6E49E
400
#D8D569
500
#CAC635
600
#A29E2A
700
#827F22
800
#65631A
900
#4A4817
950
#2F2E0E

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026