#378240

#378240

Color Values

HEX

#378240

RGB

55, 130, 64

HSL

127.2, 40.5%, 36.3%

HSV

127.2, 57.7%, 51.0%

CMYK

57.7%, 0.0%, 50.8%, 49.0%

OKLCH

0.5427 0.1243 145.9

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#378240

#823779

Analogous

#548237

#378266

#378240

Triadic

#378240

#403782

#824037

Split Complementary

#378240

#663782

#823754

Tetradic

#378240

#375482

#823779

#826637

Color Blindness Simulation

Original

#378240

Protanopia

#575850

Deuteranopia

#534E54

Tritanopia

#3B5D5F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEAD0
300
#A9DBAF
400
#7AC784
500
#4CB358
600
#3D8F47
700
#317338
800
#265A2C
900
#1F4223
950
#132A16

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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