#487C8F

#487C8F

Color Values

HEX

#487C8F

RGB

72, 124, 143

HSL

196.1, 33.0%, 42.2%

HSV

196.1, 49.7%, 56.1%

CMYK

49.7%, 13.3%, 0.0%, 43.9%

OKLCH

0.5575 0.0629 223.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#487C8F

#8F5B48

Analogous

#488F7F

#48598F

#487C8F

Triadic

#487C8F

#8F487C

#7C8F48

Split Complementary

#487C8F

#8F4859

#8F7F48

Tetradic

#487C8F

#7F488F

#8F5B48

#598F48

Color Blindness Simulation

Original

#487C8F

Protanopia

#5F5F8A

Deuteranopia

#5C5889

Tritanopia

#4B8786

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E1E7
300
#AECBD6
400
#82AFC0
500
#5593AA
600
#447688
700
#375E6D
800
#2B4955
900
#22373F
950
#162328

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56: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