#369C07

#369C07

Color Values

HEX

#369C07

RGB

54, 156, 7

HSL

101,1, 91,4%, 32,0%

HSV

101,1, 95,5%, 61,2%

CMYK

65,4%, 0,0%, 95,5%, 38,8%

OKLCH

0,6092 0,1911 139,4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#369C07

#6D079C

Analogous

#819C07

#079C23

#369C07

Triadic

#369C07

#07369C

#9C0736

Split Complementary

#369C07

#23079C

#9C0781

Tetradic

#369C07

#07819C

#6D079C

#9C2307

Color Blindness Simulation

Original

#369C07

Protanopia

#62632B

Deuteranopia

#5C5534

Tritanopia

#3B484E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5FDF1
100
#E8FBDF
200
#CFFCBB
300
#ADFA8A
400
#81F74A
500
#54F40B
600
#44C309
700
#369C07
800
#2A7A05
900
#225809
950
#153805

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