#7CB7C5

#7CB7C5

Color Values

HEX

#7CB7C5

RGB

124, 183, 197

HSL

191.5, 38.6%, 62.9%

HSV

191.5, 37.1%, 77.3%

CMYK

37.1%, 7.1%, 0.0%, 22.7%

OKLCH

0.744 0.0641 214.2

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7CB7C5

#C58A7C

Analogous

#7CC5AE

#7C92C5

#7CB7C5

Triadic

#7CB7C5

#C57CB7

#B7C57C

Split Complementary

#7CB7C5

#C57C92

#C5AE7C

Tetradic

#7CB7C5

#AE7CC5

#C58A7C

#92C57C

Color Blindness Simulation

Original

#7CB7C5

Protanopia

#9696C2

Deuteranopia

#928EC1

Tritanopia

#7FBFBE

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE4E9
300
#AAD0D9
400
#7CB7C5
500
#4E9EB1
600
#3F7E8D
700
#326571
800
#274F58
900
#203B41
950
#142529

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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