#7BA7EF

#7BA7EF

Color Values

HEX

#7BA7EF

RGB

123, 167, 239

HSL

217.2, 78.4%, 71.0%

HSV

217.2, 48.5%, 93.7%

CMYK

48.5%, 30.1%, 0.0%, 6.3%

OKLCH

0.726 0.1158 259.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7BA7EF

#EFC37B

Analogous

#7BE1EF

#897BEF

#7BA7EF

Triadic

#7BA7EF

#EF7BA7

#A7EF7B

Split Complementary

#7BA7EF

#EF897B

#E1EF7B

Tetradic

#7BA7EF

#EF7BE1

#EFC37B

#7BEF89

Color Blindness Simulation

Original

#7BA7EF

Protanopia

#8E8EDE

Deuteranopia

#8C88D9

Tritanopia

#7DD0CD

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD5F7
300
#92B6F2
400
#578FEB
500
#1C68E3
600
#1653B6
700
#124292
800
#0E3472
900
#0E2853
950
#091934

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026