#74ABBB

#74ABBB

Color Values

HEX

#74ABBB

RGB

116, 171, 187

HSL

193.5, 34.3%, 59.4%

HSV

193.5, 38.0%, 73.3%

CMYK

38.0%, 8.6%, 0.0%, 26.7%

OKLCH

0.7087 0.0621 218.0

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#74ABBB

#BB8474

Analogous

#74BBA7

#7487BB

#74ABBB

Triadic

#74ABBB

#BB74AB

#ABBB74

Split Complementary

#74ABBB

#BB7487

#BBA774

Tetradic

#74ABBB

#A774BB

#BB8474

#87BB74

Color Blindness Simulation

Original

#74ABBB

Protanopia

#8C8CB7

Deuteranopia

#8984B6

Tritanopia

#77B4B3

Achromatopsia

#A0A0A0

CSS Usage

background-color: #74ABBB;
color: #74ABBB;
border-color: #74ABBB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE2E8
300
#ADCDD7
400
#80B2C1
500
#5498AB
600
#437989
700
#36616E
800
#2A4C56
900
#21393F
950
#152428

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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