#369B09

#369B09

Color Values

HEX

#369B09

RGB

54, 155, 9

HSL

101,5, 89,0%, 32,2%

HSV

101,5, 94,2%, 60,8%

CMYK

65,2%, 0,0%, 94,2%, 39,2%

OKLCH

0,6065 0,1896 139,4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#369B09

#6E099B

Analogous

#7F9B09

#099B25

#369B09

Triadic

#369B09

#09369B

#9B0936

Split Complementary

#369B09

#25099B

#9B097F

Tetradic

#369B09

#097F9B

#6E099B

#9B2509

Color Blindness Simulation

Original

#369B09

Protanopia

#62632C

Deuteranopia

#5C5435

Tritanopia

#3B484E

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FDF2
100
#E8FBE0
200
#CFFBBC
300
#ADF88B
400
#80F54D
500
#54F10E
600
#43C10B
700
#369A09
800
#2A7807
900
#22570A
950
#153706

Contrast Checker

Text on white

3,59:1

AA Fail AAA Fail

Text on black

5,85: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