#7BA2DC

#7BA2DC

Color Values

HEX

#7BA2DC

RGB

123, 162, 220

HSL

215.9, 58.1%, 67.3%

HSV

215.9, 44.1%, 86.3%

CMYK

44.1%, 26.4%, 0.0%, 13.7%

OKLCH

0.7064 0.0957 258.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7BA2DC

#DCB57B

Analogous

#7BD3DC

#857BDC

#7BA2DC

Triadic

#7BA2DC

#DC7BA2

#A2DC7B

Split Complementary

#7BA2DC

#DC857B

#D3DC7B

Tetradic

#7BA2DC

#DC7BD3

#DCB57B

#7BDC85

Color Blindness Simulation

Original

#7BA2DC

Protanopia

#8C8CCE

Deuteranopia

#8A87CB

Tritanopia

#7DC3C0

Achromatopsia

#9E9E9E

CSS Usage

background-color: #7BA2DC;
color: #7BA2DC;
border-color: #7BA2DC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E4EBF6
200
#C7D7F0
300
#9EBBE5
400
#6A96D7
500
#3571CA
600
#2B5AA1
700
#224881
800
#1B3865
900
#172B4A
950
#0F1B2F

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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