#7B9FC5

#7B9FC5

Color Values

HEX

#7B9FC5

RGB

123, 159, 197

HSL

210.8, 38.9%, 62.7%

HSV

210.8, 37.6%, 77.3%

CMYK

37.6%, 19.3%, 0.0%, 22.7%

OKLCH

0.6899 0.0689 250.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7B9FC5

#C5A17B

Analogous

#7BC4C5

#7C7BC5

#7B9FC5

Triadic

#7B9FC5

#C57B9F

#9FC57B

Split Complementary

#7B9FC5

#C57C7B

#C4C57B

Tetradic

#7B9FC5

#C57BC4

#C5A17B

#7BC57C

Color Blindness Simulation

Original

#7B9FC5

Protanopia

#8B8BBC

Deuteranopia

#8886BA

Tritanopia

#7DB5B3

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBE9
300
#AAC1DA
400
#7CA0C5
500
#4E7EB1
600
#3E658E
700
#325171
800
#273F59
900
#1F3041
950
#141E29

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.61:1

AA Pass AAA Pass

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