#487BA4

#487BA4

Color Values

HEX

#487BA4

RGB

72, 123, 164

HSL

206,7, 39,0%, 46,3%

HSV

206,7, 56,1%, 64,3%

CMYK

56,1%, 25,0%, 0,0%, 35,7%

OKLCH

0,5646 0,0843 244,3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#487BA4

#A47148

Analogous

#48A49F

#484DA4

#487BA4

Triadic

#487BA4

#A4487B

#7BA448

Split Complementary

#487BA4

#A4484D

#A49F48

Tetradic

#487BA4

#9F48A4

#A47148

#4DA448

Color Blindness Simulation

Original

#487BA4

Protanopia

#5E5F9A

Deuteranopia

#5B5798

Tritanopia

#4B9291

Achromatopsia

#737373

CSS Usage

background-color: #487BA4;
color: #487BA4;
border-color: #487BA4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC4DA
400
#7CA5C5
500
#4E85B1
600
#3E6A8E
700
#325571
800
#274259
900
#1F3241
950
#142029

Contrast Checker

Text on white

4,52:1

AA Pass AAA Fail

Text on black

4,64: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