#486CB7

#486CB7

Color Values

HEX

#486CB7

RGB

72, 108, 183

HSL

220.5, 43.5%, 50.0%

HSV

220.5, 60.7%, 71.8%

CMYK

60.7%, 41.0%, 0.0%, 28.2%

OKLCH

0.5409 0.1247 263.5

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#486CB7

#B79348

Analogous

#48A4B7

#5B48B7

#486CB7

Triadic

#486CB7

#B7486C

#6CB748

Split Complementary

#486CB7

#B75B48

#A4B748

Tetradic

#486CB7

#B748A4

#B79348

#48B75B

Color Blindness Simulation

Original

#486CB7

Protanopia

#5858A5

Deuteranopia

#5653A0

Tritanopia

#4A9793

Achromatopsia

#6A6A6A

CSS Usage

background-color: #486CB7;
color: #486CB7;
border-color: #486CB7;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A7B8DC
400
#7892CA
500
#486CB7
600
#3A5692
700
#2E4575
800
#24365B
900
#1D2A43
950
#131A2B

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

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