#78CBC6

#78CBC6

Color Values

HEX

#78CBC6

RGB

120, 203, 198

HSL

176.4, 44.4%, 63.3%

HSV

176.4, 40.9%, 79.6%

CMYK

40.9%, 0.0%, 2.5%, 20.4%

OKLCH

0.7879 0.0816 190.7

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#78CBC6

#CB787D

Analogous

#78CB9C

#78A6CB

#78CBC6

Triadic

#78CBC6

#C678CB

#CBC678

Split Complementary

#78CBC6

#CB78A6

#CB9C78

Tetradic

#78CBC6

#9C78CB

#CB787D

#A6CB78

Color Blindness Simulation

Original

#78CBC6

Protanopia

#9C9DC7

Deuteranopia

#9791C8

Tritanopia

#7CC8C8

Achromatopsia

#B9B9B9

CSS Usage

background-color: #78CBC6;
color: #78CBC6;
border-color: #78CBC6;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBEBE9
300
#A7DDDA
400
#77CBC6
500
#47B8B1
600
#39938E
700
#2D7671
800
#235C59
900
#1D4441
950
#122B29

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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