#356800

#356800

Color Values

HEX

#356800

RGB

53, 104, 0

HSL

89.4, 100.0%, 20.4%

HSV

89.4, 100.0%, 40.8%

CMYK

49.0%, 0.0%, 100.0%, 59.2%

OKLCH

0.463 0.1342 134.6

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#356800

#330068

Analogous

#686700

#016800

#356800

Triadic

#356800

#003568

#680035

Split Complementary

#356800

#000168

#670068

Tetradic

#356800

#006867

#330068

#680001

Color Blindness Simulation

Original

#356800

Protanopia

#4B4C19

Deuteranopia

#48441F

Tritanopia

#382D31

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDE
200
#DCFFB8
300
#C3FF85
400
#A3FF42
500
#82FF00
600
#68CC00
700
#53A300
800
#418000
900
#315C05
950
#1F3A03

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

3.13: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