#476083

#476083

Color Values

HEX

#476083

RGB

71, 96, 131

HSL

215.0, 29.7%, 39.6%

HSV

215.0, 45.8%, 51.4%

CMYK

45.8%, 26.7%, 0.0%, 48.6%

OKLCH

0.484 0.0643 256.9

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#476083

#836A47

Analogous

#477E83

#4C4783

#476083

Triadic

#476083

#834760

#608347

Split Complementary

#476083

#834C47

#7E8347

Tetradic

#476083

#83477E

#836A47

#47834C

Color Blindness Simulation

Original

#476083

Protanopia

#52527B

Deuteranopia

#504E78

Tritanopia

#487472

Achromatopsia

#5D5D5D

CSS Usage

background-color: #476083;
color: #476083;
border-color: #476083;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1DAE6
300
#B0BFD4
400
#859CBD
500
#5A79A5
600
#486184
700
#394E6A
800
#2D3D53
900
#232E3D
950
#161D27

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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