#477480

#477480

Color Values

HEX

#477480

RGB

71, 116, 128

HSL

192.6, 28.6%, 39.0%

HSV

192.6, 44.5%, 50.2%

CMYK

44.5%, 9.4%, 0.0%, 49.8%

OKLCH

0.5312 0.0528 216.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#477480

#805347

Analogous

#47806F

#475880

#477480

Triadic

#477480

#804774

#748047

Split Complementary

#477480

#804758

#806F47

Tetradic

#477480

#6F4780

#805347

#588047

Color Blindness Simulation

Original

#477480

Protanopia

#5A5B7D

Deuteranopia

#58547C

Tritanopia

#497B7A

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F1
200
#D1E1E6
300
#B0CCD3
400
#86B0BC
500
#5B95A4
600
#497783
700
#3A5F69
800
#2E4A52
900
#24383D
950
#172326

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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