#7C9BA4

#7C9BA4

Color Values

HEX

#7C9BA4

RGB

124, 155, 164

HSL

193.5, 18.0%, 56.5%

HSV

193.5, 24.4%, 64.3%

CMYK

24.4%, 5.5%, 0.0%, 35.7%

OKLCH

0.6691 0.0369 217.4

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#7C9BA4

#A4857C

Analogous

#7CA499

#7C87A4

#7C9BA4

Triadic

#7C9BA4

#A47C9B

#9BA47C

Split Complementary

#7C9BA4

#A47C87

#A4997C

Tetradic

#7C9BA4

#997CA4

#A4857C

#87A47C

Color Blindness Simulation

Original

#7C9BA4

Protanopia

#898AA2

Deuteranopia

#8885A1

Tritanopia

#7EA0A0

Achromatopsia

#959595

CSS Usage

background-color: #7C9BA4;
color: #7C9BA4;
border-color: #7C9BA4;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5DFE2
300
#B7C8CD
400
#90AAB2
500
#698C96
600
#547078
700
#435A60
800
#34464B
900
#293538
950
#1A2124

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026