#78DBAA

#78DBAA

Color Values

HEX

#78DBAA

RGB

120, 219, 170

HSL

150.3, 57.9%, 66.5%

HSV

150.3, 45.2%, 85.9%

CMYK

45.2%, 0.0%, 22.4%, 14.1%

OKLCH

0.8175 0.1178 160.7

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#78DBAA

#DB78A9

Analogous

#78DB79

#78DBDB

#78DBAA

Triadic

#78DBAA

#AA78DB

#DBAA78

Split Complementary

#78DBAA

#DB78DB

#DB7978

Tetradic

#78DBAA

#7978DB

#DB78A9

#DBDB78

Color Blindness Simulation

Original

#78DBAA

Protanopia

#A3A4B6

Deuteranopia

#9D96B9

Tritanopia

#7DBFC1

Achromatopsia

#C2C2C2

CSS Usage

background-color: #78DBAA;
color: #78DBAA;
border-color: #78DBAA;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF7
100
#E4F6ED
200
#C7F0DC
300
#9EE5C2
400
#6AD7A1
500
#36C980
600
#2BA167
700
#228152
800
#1B6540
900
#174A31
950
#0F2F1F

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026