#344CCB

#344CCB

Color Values

HEX

#344CCB

RGB

52, 76, 203

HSL

230.5, 59.2%, 50.0%

HSV

230.5, 74.4%, 79.6%

CMYK

74.4%, 62.6%, 0.0%, 20.4%

OKLCH

0.4811 0.1976 269.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#344CCB

#CBB334

Analogous

#3497CB

#6834CB

#344CCB

Triadic

#344CCB

#CB344C

#4CCB34

Split Complementary

#344CCB

#CB6834

#97CB34

Tetradic

#344CCB

#CB3497

#CBB334

#34CB68

Color Blindness Simulation

Original

#344CCB

Protanopia

#3E3FAC

Deuteranopia

#3D3BA5

Tritanopia

#35948F

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EA9E6
400
#697AD9
500
#344CCB
600
#2A3DA2
700
#213182
800
#1A2665
900
#171F4A
950
#0E132F

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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