#368123

#368123

Color Values

HEX

#368123

RGB

54, 129, 35

HSL

107.9, 57.3%, 32.2%

HSV

107.9, 72.9%, 50.6%

CMYK

58.1%, 0.0%, 72.9%, 49.4%

OKLCH

0.5359 0.1482 140.0

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#368123

#6E2381

Analogous

#658123

#23813F

#368123

Triadic

#368123

#233681

#812336

Split Complementary

#368123

#3F2381

#812365

Tetradic

#368123

#236581

#6E2381

#813F23

Color Blindness Simulation

Original

#368123

Protanopia

#56573A

Deuteranopia

#524C3F

Tritanopia

#3A4C50

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E8F6E4
200
#CFF0C7
300
#ADE59F
400
#80D76B
500
#54C936
600
#43A02C
700
#368023
800
#2A641B
900
#224917
950
#152E0F

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026