#537C04

#537C04

Color Values

HEX

#537C04

RGB

83, 124, 4

HSL

80.5, 93.8%, 25.1%

HSV

80.5, 96.8%, 48.6%

CMYK

33.1%, 0.0%, 96.8%, 51.4%

OKLCH

0.5355 0.1407 129.1

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#537C04

#2D047C

Analogous

#7C6904

#177C04

#537C04

Triadic

#537C04

#04537C

#7C0453

Split Complementary

#537C04

#04177C

#69047C

Tetradic

#537C04

#047C69

#2D047C

#7C0417

Color Blindness Simulation

Original

#537C04

Protanopia

#656521

Deuteranopia

#625F28

Tritanopia

#55383D

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9FDF1
100
#F2FBDF
200
#E6FDBA
300
#D4FB88
400
#BDF948
500
#A5F708
600
#84C606
700
#6A9E05
800
#537C04
900
#3D5908
950
#273805

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

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