#414756

#414756

Color Values

HEX

#414756

RGB

65, 71, 86

HSL

222.9, 13.9%, 29.6%

HSV

222.9, 24.4%, 33.7%

CMYK

24.4%, 17.4%, 0.0%, 66.3%

OKLCH

0.3984 0.0266 268.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#414756

#565041

Analogous

#415156

#454156

#414756

Triadic

#414756

#564147

#475641

Split Complementary

#414756

#564541

#515641

Tetradic

#414756

#564151

#565041

#415645

Color Blindness Simulation

Original

#414756

Protanopia

#444452

Deuteranopia

#434352

Tritanopia

#41504F

Achromatopsia

#474747

CSS Usage

background-color: #414756;
color: #414756;
border-color: #414756;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E0
300
#B9BECA
400
#949BAE
500
#6E7891
600
#586074
700
#464D5D
800
#373C49
900
#2A2E37
950
#1B1D22

Contrast Checker

Text on white

9.29:1

AA Pass AAA Pass

Text on black

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