#369C08

#369C08

Color Values

HEX

#369C08

RGB

54, 156, 8

HSL

101.4, 90.2%, 32.2%

HSV

101.4, 94.9%, 61.2%

CMYK

65.4%, 0.0%, 94.9%, 38.8%

OKLCH

0.6092 0.1909 139.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#369C08

#6E089C

Analogous

#809C08

#089C24

#369C08

Triadic

#369C08

#08369C

#9C0836

Split Complementary

#369C08

#24089C

#9C0880

Tetradic

#369C08

#08809C

#6E089C

#9C2408

Color Blindness Simulation

Original

#369C08

Protanopia

#62632C

Deuteranopia

#5C5534

Tritanopia

#3B484E

Achromatopsia

#7C7C7C

CSS Usage

background-color: #369C08;
color: #369C08;
border-color: #369C08;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FDF1
100
#E8FBDF
200
#CFFCBB
300
#ADF98B
400
#80F64C
500
#54F30C
600
#43C20A
700
#369B08
800
#2A7906
900
#225809
950
#153706

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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