#78FAC5

#78FAC5

Color Values

HEX

#78FAC5

RGB

120, 250, 197

HSL

155.5, 92.9%, 72.5%

HSV

155.5, 52.0%, 98.0%

CMYK

52.0%, 0.0%, 21.2%, 2.0%

OKLCH

0.897 0.1387 164.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#78FAC5

#FA78AD

Analogous

#78FA84

#78EEFA

#78FAC5

Triadic

#78FAC5

#C578FA

#FAC578

Split Complementary

#78FAC5

#FA78EE

#FA8478

Tetradic

#78FAC5

#8478FA

#FA78AD

#EEFA78

Color Blindness Simulation

Original

#78FAC5

Protanopia

#B0B1D2

Deuteranopia

#A99FD5

Tritanopia

#7EDCDE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBF0
200
#BAFCE1
300
#89FBCC
400
#49F8B1
500
#09F695
600
#07C577
700
#069D5F
800
#057B4B
900
#085938
950
#053823

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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