#378076

#378076

Color Values

HEX

#378076

RGB

55, 128, 118

HSL

171.8, 39.9%, 35.9%

HSV

171.8, 57.0%, 50.2%

CMYK

57.0%, 0.0%, 7.8%, 49.8%

OKLCH

0.5507 0.0745 183.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#378076

#803741

Analogous

#378052

#376680

#378076

Triadic

#378076

#763780

#807637

Split Complementary

#378076

#803766

#805237

Tetradic

#378076

#523780

#803741

#668037

Color Blindness Simulation

Original

#378076

Protanopia

#575778

Deuteranopia

#524D79

Tritanopia

#3B7A7B

Achromatopsia

#707070

CSS Usage

background-color: #378076;
color: #378076;
border-color: #378076;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDEAE6
300
#A9DAD4
400
#7BC6BC
500
#4DB2A4
600
#3D8F84
700
#317269
800
#265952
900
#1F423D
950
#142A27

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026