#368C17

#368C17

Color Values

HEX

#368C17

RGB

54, 140, 23

HSL

104.1, 71.8%, 32.0%

HSV

104.1, 83.6%, 54.9%

CMYK

61.4%, 0.0%, 83.6%, 45.1%

OKLCH

0.5656 0.1684 139.3

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#368C17

#6D178C

Analogous

#718C17

#178C33

#368C17

Triadic

#368C17

#17368C

#8C1736

Split Complementary

#368C17

#33178C

#8C1771

Tetradic

#368C17

#17718C

#6D178C

#8C3317

Color Blindness Simulation

Original

#368C17

Protanopia

#5B5C33

Deuteranopia

#56503A

Tritanopia

#3A4A4F

Achromatopsia

#717171

CSS Usage

background-color: #368C17;
color: #368C17;
border-color: #368C17;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F5FCF3
100
#E8F8E2
200
#CFF5C2
300
#ADEE96
400
#81E45D
500
#54DB24
600
#44AF1D
700
#368C17
800
#2A6E12
900
#225011
950
#15320B

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.92:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026