#344154

#344154

Color Values

HEX

#344154

RGB

52, 65, 84

HSL

215.6, 23.5%, 26.7%

HSV

215.6, 38.1%, 32.9%

CMYK

38.1%, 22.6%, 0.0%, 67.1%

OKLCH

0.372 0.037 257.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#344154

#544734

Analogous

#345154

#373454

#344154

Triadic

#344154

#543441

#415434

Split Complementary

#344154

#543734

#515434

Tetradic

#344154

#543451

#544734

#345437

Color Blindness Simulation

Original

#344154

Protanopia

#3A3A4F

Deuteranopia

#39384E

Tritanopia

#354C4B

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF1
200
#D3DAE4
300
#B3BFD0
400
#8A9DB7
500
#627A9D
600
#4E627E
700
#3E4E65
800
#313D4F
900
#262F3B
950
#181D25

Contrast Checker

Text on white

10.34:1

AA Pass AAA Pass

Text on black

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