#415475

#415475

Color Values

HEX

#415475

RGB

65, 84, 117

HSL

218.1, 28.6%, 35.7%

HSV

218.1, 44.4%, 45.9%

CMYK

44.4%, 28.2%, 0.0%, 54.1%

OKLCH

0.4445 0.0596 261.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#415475

#756241

Analogous

#416E75

#484175

#415475

Triadic

#415475

#754154

#547541

Split Complementary

#415475

#754841

#6E7541

Tetradic

#415475

#75416E

#756241

#417548

Color Blindness Simulation

Original

#415475

Protanopia

#49496D

Deuteranopia

#48476B

Tritanopia

#426765

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF1
200
#D1D9E6
300
#B0BDD3
400
#8699BC
500
#5B76A4
600
#495E83
700
#3A4B69
800
#2E3B52
900
#242D3D
950
#171C26

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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