#475685

#475685

Color Values

HEX

#475685

RGB

71, 86, 133

HSL

225.5, 30.4%, 40.0%

HSV

225.5, 46.6%, 52.2%

CMYK

46.6%, 35.3%, 0.0%, 47.8%

OKLCH

0.462 0.0791 269.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#475685

#857647

Analogous

#477585

#574785

#475685

Triadic

#475685

#854756

#568547

Split Complementary

#475685

#855747

#758547

Tetradic

#475685

#854775

#857647

#478557

Color Blindness Simulation

Original

#475685

Protanopia

#4D4E7A

Deuteranopia

#4D4C77

Tritanopia

#48716F

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D0D6E6
300
#AFB8D4
400
#8492BD
500
#596BA6
600
#475685
700
#39456A
800
#2C3653
900
#232A3E
950
#161A27

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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