#477097

#477097

Color Values

HEX

#477097

RGB

71, 112, 151

HSL

209.2, 36.0%, 43.5%

HSV

209.2, 53.0%, 59.2%

CMYK

53.0%, 25.8%, 0.0%, 40.8%

OKLCH

0.5318 0.077 248.3

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#477097

#976E47

Analogous

#479796

#474897

#477097

Triadic

#477097

#974770

#709747

Split Complementary

#477097

#974748

#979647

Tetradic

#477097

#964797

#976E47

#489747

Color Blindness Simulation

Original

#477097

Protanopia

#59598E

Deuteranopia

#56538B

Tritanopia

#498684

Achromatopsia

#6A6A6A

CSS Usage

background-color: #477097;
color: #477097;
border-color: #477097;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC2D8
400
#7FA2C3
500
#5281AD
600
#41678B
700
#34526F
800
#294057
900
#213140
950
#151F29

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026