#7D94BC

#7D94BC

Color Values

HEX

#7D94BC

RGB

125, 148, 188

HSL

218.1, 32.0%, 61.4%

HSV

218.1, 33.5%, 73.7%

CMYK

33.5%, 21.3%, 0.0%, 26.3%

OKLCH

0.6636 0.0654 261.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#7D94BC

#BCA57D

Analogous

#7DB4BC

#867DBC

#7D94BC

Triadic

#7D94BC

#BC7D94

#94BC7D

Split Complementary

#7D94BC

#BC867D

#B4BC7D

Tetradic

#7D94BC

#BC7DB4

#BCA57D

#7DBC86

Color Blindness Simulation

Original

#7D94BC

Protanopia

#8787B2

Deuteranopia

#8684B0

Tritanopia

#7EABA9

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AEBDD5
400
#8298BF
500
#5774A8
600
#455D87
700
#374B6C
800
#2B3A54
900
#222D3E
950
#161C27

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.83:1

AA Pass AAA Fail

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