#343FCB

#343FCB

Color Values

HEX

#343FCB

RGB

52, 63, 203

HSL

235.6, 59.2%, 50.0%

HSV

235.6, 74.4%, 79.6%

CMYK

74.4%, 69.0%, 0.0%, 20.4%

OKLCH

0.4591 0.2122 271.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#343FCB

#CBC034

Analogous

#348BCB

#7434CB

#343FCB

Triadic

#343FCB

#CB343F

#3FCB34

Split Complementary

#343FCB

#CB7434

#8BCB34

Tetradic

#343FCB

#CB348B

#CBC034

#34CB74

Color Blindness Simulation

Original

#343FCB

Protanopia

#3939A9

Deuteranopia

#3837A1

Tritanopia

#358E88

Achromatopsia

#474747

CSS Usage

background-color: #343FCB;
color: #343FCB;
border-color: #343FCB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C9F0
300
#9EA3E6
400
#6971D9
500
#343FCB
600
#2A32A2
700
#212882
800
#1A2065
900
#171A4A
950
#0E112F

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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