#42566C

#42566C

Color Values

HEX

#42566C

RGB

66, 86, 108

HSL

211.4, 24.1%, 34.1%

HSV

211.4, 38.9%, 42.4%

CMYK

38.9%, 20.4%, 0.0%, 57.6%

OKLCH

0.4456 0.044 251.2

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#42566C

#6C5842

Analogous

#426B6C

#43426C

#42566C

Triadic

#42566C

#6C4256

#566C42

Split Complementary

#42566C

#6C4342

#6B6C42

Tetradic

#42566C

#6C426B

#6C5842

#426C43

Color Blindness Simulation

Original

#42566C

Protanopia

#4B4B67

Deuteranopia

#4A4865

Tritanopia

#436262

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DBE4
300
#B3C1D1
400
#8AA0B7
500
#617E9E
600
#4D657F
700
#3E5165
800
#303F4F
900
#26303B
950
#181E25

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026