#368142

#368142

Color Values

HEX

#368142

RGB

54, 129, 66

HSL

129.6, 41.0%, 35.9%

HSV

129.6, 58.1%, 50.6%

CMYK

58.1%, 0.0%, 48.8%, 49.4%

OKLCH

0.5399 0.1213 146.8

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#368142

#813675

Analogous

#508136

#368168

#368142

Triadic

#368142

#423681

#814236

Split Complementary

#368142

#683681

#813650

Tetradic

#368142

#365081

#813675

#816836

Color Blindness Simulation

Original

#368142

Protanopia

#565751

Deuteranopia

#524C55

Tritanopia

#3A5D60

Achromatopsia

#6D6D6D

CSS Usage

background-color: #368142;
color: #368142;
border-color: #368142;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CDEAD1
300
#A9DBB1
400
#7AC786
500
#4BB45C
600
#3C904A
700
#30733B
800
#265A2E
900
#1F4224
950
#132A17

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail 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