#7BAAF5

#7BAAF5

Color Values

HEX

#7BAAF5

RGB

123, 170, 245

HSL

216.9, 85.9%, 72.2%

HSV

216.9, 49.8%, 96.1%

CMYK

49.8%, 30.6%, 0.0%, 3.9%

OKLCH

0.7352 0.1207 259.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7BAAF5

#F5C67B

Analogous

#7BE7F5

#897BF5

#7BAAF5

Triadic

#7BAAF5

#F57BAA

#AAF57B

Split Complementary

#7BAAF5

#F5897B

#E7F57B

Tetradic

#7BAAF5

#F57BE7

#F5C67B

#7BF589

Color Blindness Simulation

Original

#7BAAF5

Protanopia

#8F90E3

Deuteranopia

#8D89DE

Tritanopia

#7DD5D1

Achromatopsia

#A5A5A5

CSS Usage

background-color: #7BAAF5;
color: #7BAAF5;
border-color: #7BAAF5;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8DB6F6
400
#508EF2
500
#1266ED
600
#0E52BE
700
#0C4198
800
#093377
900
#0B2856
950
#071936

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.91:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026