#369642

#369642

Color Values

HEX

#369642

RGB

54, 150, 66

HSL

127.5, 47.1%, 40.0%

HSV

127.5, 64.0%, 58.8%

CMYK

64.0%, 0.0%, 56.0%, 41.2%

OKLCH

0.5972 0.1509 145.5

Properties

Cool Light Nearest: RAL 6037 Pure Green

Color Harmonies

Complementary

#369642

#96368A

Analogous

#5A9636

#369672

#369642

Triadic

#369642

#423696

#964236

Split Complementary

#369642

#723696

#96365A

Tetradic

#369642

#365A96

#96368A

#967236

Color Blindness Simulation

Original

#369642

Protanopia

#606056

Deuteranopia

#5A535B

Tritanopia

#3B666A

Achromatopsia

#7C7C7C

CSS Usage

background-color: #369642;
color: #369642;
border-color: #369642;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CAECCF
300
#A5DFAC
400
#74CD7F
500
#43BC52
600
#369642
700
#2B7835
800
#225E29
900
#1C4521
950
#122C15

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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