#7BA2D5

#7BA2D5

Color Values

HEX

#7BA2D5

RGB

123, 162, 213

HSL

214.0, 51.7%, 65.9%

HSV

214.0, 42.3%, 83.5%

CMYK

42.3%, 23.9%, 0.0%, 16.5%

OKLCH

0.7033 0.0867 255.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7BA2D5

#D5AE7B

Analogous

#7BCFD5

#817BD5

#7BA2D5

Triadic

#7BA2D5

#D57BA2

#A2D57B

Split Complementary

#7BA2D5

#D5817B

#CFD57B

Tetradic

#7BA2D5

#D57BCF

#D5AE7B

#7BD581

Color Blindness Simulation

Original

#7BA2D5

Protanopia

#8C8CC9

Deuteranopia

#8A87C6

Tritanopia

#7DBFBD

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C9D9EE
300
#A2BEE1
400
#709AD1
500
#3E77C1
600
#315F9B
700
#274C7C
800
#1F3B61
900
#1A2D47
950
#101D2D

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026