#7D9BAC

#7D9BAC

Color Values

HEX

#7D9BAC

RGB

125, 155, 172

HSL

201.7, 22.1%, 58.2%

HSV

201.7, 27.3%, 67.5%

CMYK

27.3%, 9.9%, 0.0%, 32.5%

OKLCH

0.6726 0.0419 233.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7D9BAC

#AC8E7D

Analogous

#7DACA5

#7D83AC

#7D9BAC

Triadic

#7D9BAC

#AC7D9B

#9BAC7D

Split Complementary

#7D9BAC

#AC7D83

#ACA57D

Tetradic

#7D9BAC

#A57DAC

#AC8E7D

#83AC7D

Color Blindness Simulation

Original

#7D9BAC

Protanopia

#8A8AA8

Deuteranopia

#8886A7

Tritanopia

#7EA5A4

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DDE3
300
#B4C6CF
400
#8CA6B6
500
#63879C
600
#4F6C7D
700
#405764
800
#32444E
900
#27333A
950
#192025

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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