#487CE4

#487CE4

Color Values

HEX

#487CE4

RGB

72, 124, 228

HSL

220.0, 74.3%, 58.8%

HSV

220.0, 68.4%, 89.4%

CMYK

68.4%, 45.6%, 0.0%, 10.6%

OKLCH

0.6035 0.1675 262.5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#487CE4

#E4B048

Analogous

#48CAE4

#6248E4

#487CE4

Triadic

#487CE4

#E4487C

#7CE448

Split Complementary

#487CE4

#E46248

#CAE448

Tetradic

#487CE4

#E448CA

#E4B048

#48E462

Color Blindness Simulation

Original

#487CE4

Protanopia

#5F5FCB

Deuteranopia

#5C58C5

Tritanopia

#4BB7B3

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2E9F8
200
#C1D2F6
300
#94B3EF
400
#5B89E7
500
#2160DE
600
#1A4DB2
700
#153D8E
800
#10306F
900
#102651
950
#0A1833

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass 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