#475285

#475285

Color Values

HEX

#475285

RGB

71, 82, 133

HSL

229.4, 30.4%, 40.0%

HSV

229.4, 46.6%, 52.2%

CMYK

46.6%, 38.3%, 0.0%, 47.8%

OKLCH

0.453 0.0846 273.4

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#475285

#857A47

Analogous

#477185

#5B4785

#475285

Triadic

#475285

#854752

#528547

Split Complementary

#475285

#855B47

#718547

Tetradic

#475285

#854771

#857A47

#47855B

Color Blindness Simulation

Original

#475285

Protanopia

#4C4C79

Deuteranopia

#4B4A76

Tritanopia

#486F6D

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D0D4E6
300
#AFB6D4
400
#848EBD
500
#5966A6
600
#475285
700
#39426A
800
#2C3353
900
#23283E
950
#161927

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026