#378264

#378264

Color Values

HEX

#378264

RGB

55, 130, 100

HSL

156.0, 40.5%, 36.3%

HSV

156.0, 57.7%, 51.0%

CMYK

57.7%, 0.0%, 23.1%, 49.0%

OKLCH

0.5505 0.0888 164.4

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#378264

#823755

Analogous

#37823F

#377B82

#378264

Triadic

#378264

#643782

#826437

Split Complementary

#378264

#82377B

#823F37

Tetradic

#378264

#3F3782

#823755

#7B8237

Color Blindness Simulation

Original

#378264

Protanopia

#57586B

Deuteranopia

#534E6D

Tritanopia

#3B7172

Achromatopsia

#707070

CSS Usage

background-color: #378264;
color: #378264;
border-color: #378264;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDEADE
300
#A9DBC7
400
#7AC7A8
500
#4CB38A
600
#3D8F6E
700
#317358
800
#265A45
900
#1F4234
950
#132A21

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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