#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