#7CBAC5

#7CBAC5

Color Values

HEX

#7CBAC5

RGB

124, 186, 197

HSL

189.0, 38.6%, 62.9%

HSV

189.0, 37.1%, 77.3%

CMYK

37.1%, 5.6%, 0.0%, 22.7%

OKLCH

0.7507 0.0654 209.8

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7CBAC5

#C5877C

Analogous

#7CC5AB

#7C95C5

#7CBAC5

Triadic

#7CBAC5

#C57CBA

#BAC57C

Split Complementary

#7CBAC5

#C57C95

#C5AB7C

Tetradic

#7CBAC5

#AB7CC5

#C5877C

#95C57C

Color Blindness Simulation

Original

#7CBAC5

Protanopia

#9797C2

Deuteranopia

#938FC2

Tritanopia

#7FC0C0

Achromatopsia

#AEAEAE

CSS Usage

background-color: #7CBAC5;
color: #7CBAC5;
border-color: #7CBAC5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE5E9
300
#AAD2D9
400
#7CBAC5
500
#4EA2B1
600
#3F828D
700
#326871
800
#275158
900
#203C41
950
#142629

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.69:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026