#369F05

#369F05

Color Values

HEX

#369F05

RGB

54, 159, 5

HSL

100,9, 93,9%, 32,2%

HSV

100,9, 96,9%, 62,4%

CMYK

66,0%, 0,0%, 96,9%, 37,6%

OKLCH

0,6173 0,1947 139,4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#369F05

#6E059F

Analogous

#839F05

#059F21

#369F05

Triadic

#369F05

#05369F

#9F0536

Split Complementary

#369F05

#21059F

#9F0583

Tetradic

#369F05

#05839F

#6E059F

#9F2105

Color Blindness Simulation

Original

#369F05

Protanopia

#63642A

Deuteranopia

#5D5633

Tritanopia

#3B484E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5FDF1
100
#E8FBDF
200
#CFFDBA
300
#ADFB88
400
#80F948
500
#54F708
600
#43C606
700
#369E05
800
#2A7C04
900
#225908
950
#153805

Contrast Checker

Text on white

3,43:1

AA Fail AAA Fail

Text on black

6,12: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