#74BACB

#74BACB

Color Values

HEX

#74BACB

RGB

116, 186, 203

HSL

191.7, 45.5%, 62.5%

HSV

191.7, 42.9%, 79.6%

CMYK

42.9%, 8.4%, 0.0%, 20.4%

OKLCH

0.7488 0.0745 214.9

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#74BACB

#CB8574

Analogous

#74CBB0

#748ECB

#74BACB

Triadic

#74BACB

#CB74BA

#BACB74

Split Complementary

#74BACB

#CB748E

#CBB074

Tetradic

#74BACB

#B074CB

#CB8574

#8ECB74

Color Blindness Simulation

Original

#74BACB

Protanopia

#9293C7

Deuteranopia

#8E89C6

Tritanopia

#77C4C3

Achromatopsia

#ACACAC

CSS Usage

background-color: #74BACB;
color: #74BACB;
border-color: #74BACB;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE5EC
300
#A6D3DE
400
#76BBCC
500
#45A3BA
600
#388294
700
#2C6877
800
#23515D
900
#1D3D44
950
#12262B

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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