#344BCB

#344BCB

Color Values

HEX

#344BCB

RGB

52, 75, 203

HSL

230.9, 59.2%, 50.0%

HSV

230.9, 74.4%, 79.6%

CMYK

74.4%, 63.1%, 0.0%, 20.4%

OKLCH

0.4794 0.1988 269.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#344BCB

#CBB434

Analogous

#3496CB

#6934CB

#344BCB

Triadic

#344BCB

#CB344B

#4BCB34

Split Complementary

#344BCB

#CB6934

#96CB34

Tetradic

#344BCB

#CB3496

#CBB434

#34CB69

Color Blindness Simulation

Original

#344BCB

Protanopia

#3E3EAC

Deuteranopia

#3D3BA5

Tritanopia

#35948E

Achromatopsia

#4F4F4F

CSS Usage

background-color: #344BCB;
color: #344BCB;
border-color: #344BCB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EA9E6
400
#697AD9
500
#344BCB
600
#2A3CA2
700
#213082
800
#1A2565
900
#171E4A
950
#0E132F

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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