#487AF9

#487AF9

Color Values

HEX

#487AF9

RGB

72, 122, 249

HSL

223.1, 93.7%, 62.9%

HSV

223.1, 71.1%, 97.6%

CMYK

71.1%, 51.0%, 0.0%, 2.4%

OKLCH

0.6138 0.1975 264.9

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#487AF9

#F9C748

Analogous

#48D2F9

#6E48F9

#487AF9

Triadic

#487AF9

#F9487A

#7AF948

Split Complementary

#487AF9

#F96E48

#D2F948

Tetradic

#487AF9

#F948D2

#F9C748

#48F96E

Color Blindness Simulation

Original

#487AF9

Protanopia

#5E5EDA

Deuteranopia

#5B57D3

Tritanopia

#4AC2BD

Achromatopsia

#797979

CSS Usage

background-color: #487AF9;
color: #487AF9;
border-color: #487AF9;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACDFD
300
#88A9FB
400
#487AF9
500
#084BF7
600
#063CC6
700
#05309E
800
#04267B
900
#081F59
950
#051338

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.43:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026