#78B2BB

#78B2BB

Color Values

HEX

#78B2BB

RGB

120, 178, 187

HSL

188.1, 33.0%, 60.2%

HSV

188.1, 35.8%, 73.3%

CMYK

35.8%, 4.8%, 0.0%, 26.7%

OKLCH

0.7269 0.0615 208.1

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#78B2BB

#BB8178

Analogous

#78BBA3

#7890BB

#78B2BB

Triadic

#78B2BB

#BB78B2

#B2BB78

Split Complementary

#78B2BB

#BB7890

#BBA378

Tetradic

#78B2BB

#A378BB

#BB8178

#90BB78

Color Blindness Simulation

Original

#78B2BB

Protanopia

#9192B9

Deuteranopia

#8E89B8

Tritanopia

#7BB7B7

Achromatopsia

#A6A6A6

CSS Usage

background-color: #78B2BB;
color: #78B2BB;
border-color: #78B2BB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E4E7
300
#AED1D6
400
#82B7C0
500
#559EAA
600
#447F88
700
#37656D
800
#2B4F55
900
#223B3F
950
#162528

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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