#78B892

#78B892

Color Values

HEX

#78B892

RGB

120, 184, 146

HSL

144.4, 31.1%, 59.6%

HSV

144.4, 34.8%, 72.2%

CMYK

34.8%, 0.0%, 20.7%, 27.8%

OKLCH

0.7286 0.0862 157.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#78B892

#B8789E

Analogous

#7EB878

#78B8B2

#78B892

Triadic

#78B892

#9278B8

#B89278

Split Complementary

#78B892

#B278B8

#B8787E

Tetradic

#78B892

#787EB8

#B8789E

#B8B278

Color Blindness Simulation

Original

#78B892

Protanopia

#94949B

Deuteranopia

#908B9D

Tritanopia

#7BA2A4

Achromatopsia

#A8A8A8

CSS Usage

background-color: #78B892;
color: #78B892;
border-color: #78B892;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E6D9
300
#AFD5BE
400
#83BE9B
500
#58A778
600
#468660
700
#386B4D
800
#2C543C
900
#233E2E
950
#16271D

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.07:1

AA Pass AAA Pass

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