#487BF9

#487BF9

Color Values

HEX

#487BF9

RGB

72, 123, 249

HSL

222.7, 93.7%, 62.9%

HSV

222.7, 71.1%, 97.6%

CMYK

71.1%, 50.6%, 0.0%, 2.4%

OKLCH

0.6158 0.1963 264.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#487BF9

#F9C648

Analogous

#48D4F9

#6D48F9

#487BF9

Triadic

#487BF9

#F9487B

#7BF948

Split Complementary

#487BF9

#F96D48

#D4F948

Tetradic

#487BF9

#F948D4

#F9C648

#48F96D

Color Blindness Simulation

Original

#487BF9

Protanopia

#5E5FDB

Deuteranopia

#5B57D3

Tritanopia

#4BC2BD

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACDFD
300
#88AAFB
400
#487BF9
500
#084DF7
600
#063EC6
700
#05319E
800
#04267B
900
#081F59
950
#051438

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026