#343F98

#343F98

Color Values

HEX

#343F98

RGB

52, 63, 152

HSL

233.4, 49.0%, 40.0%

HSV

233.4, 65.8%, 59.6%

CMYK

65.8%, 58.6%, 0.0%, 40.4%

OKLCH

0.413 0.1447 273.0

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#343F98

#988D34

Analogous

#347198

#5B3498

#343F98

Triadic

#343F98

#98343F

#3F9834

Split Complementary

#343F98

#985B34

#719834

Tetradic

#343F98

#983471

#988D34

#34985B

Color Blindness Simulation

Original

#343F98

Protanopia

#393982

Deuteranopia

#38377D

Tritanopia

#35716E

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACEED
300
#A4AAE0
400
#727DCF
500
#414FBE
600
#343F98
700
#2A327A
800
#21275F
900
#1B2046
950
#11142C

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

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