#434860

#434860

Color Values

HEX

#434860

RGB

67, 72, 96

HSL

229.7, 17.8%, 32.0%

HSV

229.7, 30.2%, 37.6%

CMYK

30.2%, 25.0%, 0.0%, 62.4%

OKLCH

0.4071 0.0409 275.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#434860

#605B43

Analogous

#435760

#4D4360

#434860

Triadic

#434860

#604348

#486043

Split Complementary

#434860

#604D43

#576043

Tetradic

#434860

#604357

#605B43

#43604D

Color Blindness Simulation

Original

#434860

Protanopia

#45455A

Deuteranopia

#454459

Tritanopia

#435655

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D5D7E2
300
#B7BBCD
400
#9096B1
500
#697196
600
#545A78
700
#434860
800
#34384B
900
#292B38
950
#1A1B24

Contrast Checker

Text on white

9.0:1

AA Pass AAA Pass

Text on black

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