#415363

#415363

Color Values

HEX

#415363

RGB

65, 83, 99

HSL

208.2, 20.7%, 32.2%

HSV

208.2, 34.3%, 38.8%

CMYK

34.3%, 16.2%, 0.0%, 61.2%

OKLCH

0.4335 0.0348 245.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#415363

#635141

Analogous

#416362

#414263

#415363

Triadic

#415363

#634153

#536341

Split Complementary

#415363

#634142

#636241

Tetradic

#415363

#624163

#635141

#426341

Color Blindness Simulation

Original

#415363

Protanopia

#49495F

Deuteranopia

#48465E

Tritanopia

#425C5B

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE3
300
#B5C3CE
400
#8DA2B4
500
#65819A
600
#51677B
700
#415362
800
#33414D
900
#273139
950
#191F24

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026