#2A4656

#2A4656

Color Values

HEX

#2A4656

RGB

42, 70, 86

HSL

201.8, 34.4%, 25.1%

HSV

201.8, 51.2%, 33.7%

CMYK

51.2%, 18.6%, 0.0%, 66.3%

OKLCH

0.379 0.0436 234.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#2A4656

#563A2A

Analogous

#2A5650

#2A3056

#2A4656

Triadic

#2A4656

#562A46

#46562A

Split Complementary

#2A4656

#562A30

#56502A

Tetradic

#2A4656

#502A56

#563A2A

#30562A

Color Blindness Simulation

Original

#2A4656

Protanopia

#363652

Deuteranopia

#343251

Tritanopia

#2B4F4E

Achromatopsia

#414141

CSS Usage

background-color: #2A4656;
color: #2A4656;
border-color: #2A4656;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE8
300
#ADC8D7
400
#80AAC1
500
#548BAB
600
#437089
700
#36596E
800
#2A4656
900
#21353F
950
#152128

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

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