#7BADD3

#7BADD3

Color Values

HEX

#7BADD3

RGB

123, 173, 211

HSL

205.9, 50.0%, 65.5%

HSV

205.9, 41.7%, 82.7%

CMYK

41.7%, 18.0%, 0.0%, 17.3%

OKLCH

0.7264 0.0768 241.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7BADD3

#D3A17B

Analogous

#7BD3CD

#7B81D3

#7BADD3

Triadic

#7BADD3

#D37BAD

#ADD37B

Split Complementary

#7BADD3

#D37B81

#D3CD7B

Tetradic

#7BADD3

#CD7BD3

#D3A17B

#81D37B

Color Blindness Simulation

Original

#7BADD3

Protanopia

#9191CA

Deuteranopia

#8E8AC8

Tritanopia

#7EC3C1

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C6E0
400
#71A7D0
500
#4088BF
600
#336D99
700
#29577A
800
#204460
900
#1B3346
950
#11202C

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026