#2A4555

#2A4555

Color Values

HEX

#2A4555

RGB

42, 69, 85

HSL

202.3, 33.9%, 24.9%

HSV

202.3, 50.6%, 33.3%

CMYK

50.6%, 18.8%, 0.0%, 66.7%

OKLCH

0.3759 0.0428 235.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#2A4555

#553A2A

Analogous

#2A554F

#2A2F55

#2A4555

Triadic

#2A4555

#552A45

#45552A

Split Complementary

#2A4555

#552A2F

#554F2A

Tetradic

#2A4555

#4F2A55

#553A2A

#2F552A

Color Blindness Simulation

Original

#2A4555

Protanopia

#363651

Deuteranopia

#343250

Tritanopia

#2B4E4D

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE7
300
#ADC7D7
400
#81A9C1
500
#548BAB
600
#436F89
700
#36596D
800
#2A4555
900
#22343F
950
#152128

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

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