#368701

#368701

Color Values

HEX

#368701

RGB

54, 135, 1

HSL

96.3, 98.5%, 26.7%

HSV

96.3, 99.3%, 52.9%

CMYK

60.0%, 0.0%, 99.3%, 47.1%

OKLCH

0.5509 0.1696 137.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#368701

#520187

Analogous

#798701

#01870F

#368701

Triadic

#368701

#013687

#870136

Split Complementary

#368701

#0F0187

#870179

Tetradic

#368701

#017987

#520187

#870F01

Color Blindness Simulation

Original

#368701

Protanopia

#595A21

Deuteranopia

#544E29

Tritanopia

#3A3B41

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB8
300
#B5FE86
400
#8DFE44
500
#65FD02
600
#51CA02
700
#41A201
800
#337F01
900
#275B05
950
#193A03

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62: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