#7BA3DC

#7BA3DC

Color Values

HEX

#7BA3DC

RGB

123, 163, 220

HSL

215.3, 58.1%, 67.3%

HSV

215.3, 44.1%, 86.3%

CMYK

44.1%, 25.9%, 0.0%, 13.7%

OKLCH

0.7086 0.0948 257.2

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7BA3DC

#DCB47B

Analogous

#7BD4DC

#847BDC

#7BA3DC

Triadic

#7BA3DC

#DC7BA3

#A3DC7B

Split Complementary

#7BA3DC

#DC847B

#D4DC7B

Tetradic

#7BA3DC

#DC7BD4

#DCB47B

#7BDC84

Color Blindness Simulation

Original

#7BA3DC

Protanopia

#8C8DCE

Deuteranopia

#8A87CB

Tritanopia

#7DC3C1

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C7D8F0
300
#9EBCE5
400
#6A97D7
500
#3572CA
600
#2B5CA1
700
#224981
800
#1B3965
900
#172C4A
950
#0F1C2F

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026