#486DB7

#486DB7

Color Values

HEX

#486DB7

RGB

72, 109, 183

HSL

220.0, 43.5%, 50.0%

HSV

220.0, 60.7%, 71.8%

CMYK

60.7%, 40.4%, 0.0%, 28.2%

OKLCH

0.5431 0.1235 262.9

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#486DB7

#B79248

Analogous

#48A4B7

#5B48B7

#486DB7

Triadic

#486DB7

#B7486D

#6DB748

Split Complementary

#486DB7

#B75B48

#A4B748

Tetradic

#486DB7

#B748A4

#B79248

#48B75B

Color Blindness Simulation

Original

#486DB7

Protanopia

#5858A5

Deuteranopia

#5653A1

Tritanopia

#4A9794

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A7B9DC
400
#7893CA
500
#486DB7
600
#3A5792
700
#2E4675
800
#24375B
900
#1D2A43
950
#131B2B

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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