#369D06

#369D06

Color Values

HEX

#369D06

RGB

54, 157, 6

HSL

100,9, 92,6%, 32,0%

HSV

100,9, 96,2%, 61,6%

CMYK

65,6%, 0,0%, 96,2%, 38,4%

OKLCH

0,6119 0,1924 139,4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#369D06

#6D069D

Analogous

#829D06

#069D21

#369D06

Triadic

#369D06

#06369D

#9D0636

Split Complementary

#369D06

#21069D

#9D0682

Tetradic

#369D06

#06829D

#6D069D

#9D2106

Color Blindness Simulation

Original

#369D06

Protanopia

#63632A

Deuteranopia

#5D5533

Tritanopia

#3B474E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5FDF1
100
#E8FBDF
200
#CFFCBA
300
#ADFA89
400
#81F849
500
#55F609
600
#44C408
700
#369D06
800
#2A7B05
900
#225908
950
#153805

Contrast Checker

Text on white

3,51:1

AA Fail AAA Fail

Text on black

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