#368F4C

#368F4C

Color Values

HEX

#368F4C

RGB

54, 143, 76

HSL

134.8, 45.2%, 38.6%

HSV

134.8, 62.2%, 56.1%

CMYK

62.2%, 0.0%, 46.9%, 43.9%

OKLCH

0.5798 0.1318 148.8

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#368F4C

#8F3679

Analogous

#4C8F36

#368F78

#368F4C

Triadic

#368F4C

#4C368F

#8F4C36

Split Complementary

#368F4C

#78368F

#8F364C

Tetradic

#368F4C

#364C8F

#8F3679

#8F7836

Color Blindness Simulation

Original

#368F4C

Protanopia

#5D5D5C

Deuteranopia

#575160

Tritanopia

#3A696C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4EA
200
#CBEBD3
300
#A6DDB4
400
#76CB8B
500
#46B962
600
#38944F
700
#2D763F
800
#235D31
900
#1D4426
950
#122B18

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026