#4B8BD5

#4B8BD5

Color Values

HEX

#4B8BD5

RGB

75, 139, 213

HSL

212.2, 62.2%, 56.5%

HSV

212.2, 64.8%, 83.5%

CMYK

64.8%, 34.7%, 0.0%, 16.5%

OKLCH

0.6281 0.1303 253.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4B8BD5

#D5954B

Analogous

#4BD0D5

#504BD5

#4B8BD5

Triadic

#4B8BD5

#D54B8B

#8BD54B

Split Complementary

#4B8BD5

#D5504B

#D0D54B

Tetradic

#4B8BD5

#D54BD0

#D5954B

#4BD550

Color Blindness Simulation

Original

#4B8BD5

Protanopia

#6767C3

Deuteranopia

#635EBF

Tritanopia

#4EB5B2

Achromatopsia

#838383

CSS Usage

background-color: #4B8BD5;
color: #4B8BD5;
border-color: #4B8BD5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5DAF2
300
#9CBFE8
400
#669CDB
500
#307ACF
600
#2761A5
700
#1F4E84
800
#183D67
900
#152E4C
950
#0D1D30

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.95:1

AA Pass AAA Fail

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