#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026