#7BA9DD

#7BA9DD

Color Values

HEX

#7BA9DD

RGB

123, 169, 221

HSL

211.8, 59.0%, 67.5%

HSV

211.8, 44.3%, 86.7%

CMYK

44.3%, 23.5%, 0.0%, 13.3%

OKLCH

0.7219 0.091 252.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7BA9DD

#DDAF7B

Analogous

#7BDADD

#7E7BDD

#7BA9DD

Triadic

#7BA9DD

#DD7BA9

#A9DD7B

Split Complementary

#7BA9DD

#DD7E7B

#DADD7B

Tetradic

#7BA9DD

#DD7BDA

#DDAF7B

#7BDD7E

Color Blindness Simulation

Original

#7BA9DD

Protanopia

#8F8FD0

Deuteranopia

#8C89CD

Tritanopia

#7DC6C4

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C6DAF0
300
#9EC0E6
400
#699DD8
500
#347BCB
600
#2A62A2
700
#214F82
800
#1A3D65
900
#172F4A
950
#0E1E2F

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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