#487791

#487791

Color Values

HEX

#487791

RGB

72, 119, 145

HSL

201.4, 33.6%, 42.5%

HSV

201.4, 50.3%, 56.9%

CMYK

50.3%, 17.9%, 0.0%, 43.1%

OKLCH

0.5462 0.0655 234.0

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#487791

#916248

Analogous

#489186

#485291

#487791

Triadic

#487791

#914877

#779148

Split Complementary

#487791

#914852

#918648

Tetradic

#487791

#864891

#916248

#529148

Color Blindness Simulation

Original

#487791

Protanopia

#5C5D8B

Deuteranopia

#5A5689

Tritanopia

#4A8685

Achromatopsia

#6F6F6F

CSS Usage

background-color: #487791;
color: #487791;
border-color: #487791;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC8D6
400
#81AAC0
500
#558CAA
600
#447088
700
#36596D
800
#2A4655
900
#22353F
950
#152128

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

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