#414C63

#414C63

Color Values

HEX

#414C63

RGB

65, 76, 99

HSL

220.6, 20.7%, 32.2%

HSV

220.6, 34.3%, 38.8%

CMYK

34.3%, 23.2%, 0.0%, 61.2%

OKLCH

0.4164 0.0412 264.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#414C63

#635841

Analogous

#415D63

#474163

#414C63

Triadic

#414C63

#63414C

#4C6341

Split Complementary

#414C63

#634741

#5D6341

Tetradic

#414C63

#63415D

#635841

#416347

Color Blindness Simulation

Original

#414C63

Protanopia

#46465D

Deuteranopia

#45445C

Tritanopia

#425958

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D9E3
300
#B5BDCE
400
#8D9AB4
500
#65769A
600
#515F7B
700
#414C62
800
#333B4D
900
#272D39
950
#191D24

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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