#343E98

#343E98

Color Values

HEX

#343E98

RGB

52, 62, 152

HSL

234.0, 49.0%, 40.0%

HSV

234.0, 65.8%, 59.6%

CMYK

65.8%, 59.2%, 0.0%, 40.4%

OKLCH

0.411 0.146 273.3

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#343E98

#988E34

Analogous

#347098

#5C3498

#343E98

Triadic

#343E98

#98343E

#3E9834

Split Complementary

#343E98

#985C34

#709834

Tetradic

#343E98

#983470

#988E34

#34985C

Color Blindness Simulation

Original

#343E98

Protanopia

#383882

Deuteranopia

#38377D

Tritanopia

#34716D

Achromatopsia

#424242

CSS Usage

background-color: #343E98;
color: #343E98;
border-color: #343E98;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A4AAE0
400
#727CCF
500
#414EBE
600
#343E98
700
#2A327A
800
#21275F
900
#1B1F46
950
#11142C

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

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