#343D61

#343D61

Color Values

HEX

#343D61

RGB

52, 61, 97

HSL

228.0, 30.2%, 29.2%

HSV

228.0, 46.4%, 38.0%

CMYK

46.4%, 37.1%, 0.0%, 62.0%

OKLCH

0.3692 0.0633 272.3

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#343D61

#615834

Analogous

#345361

#413461

#343D61

Triadic

#343D61

#61343D

#3D6134

Split Complementary

#343D61

#614134

#536134

Tetradic

#343D61

#613453

#615834

#346141

Color Blindness Simulation

Original

#343D61

Protanopia

#383858

Deuteranopia

#373756

Tritanopia

#345150

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D5E6
300
#AFB7D4
400
#8490BD
500
#5968A6
600
#475485
700
#39436A
800
#2C3453
900
#23293E
950
#161A27

Contrast Checker

Text on white

10.57:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026