#4344BD

#4344BD

Color Values

HEX

#4344BD

RGB

67, 68, 189

HSL

239.5, 48.0%, 50.2%

HSV

239.5, 64.6%, 74.1%

CMYK

64.6%, 64.0%, 0.0%, 25.9%

OKLCH

0.4634 0.1849 276.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4344BD

#BDBC43

Analogous

#4381BD

#7F43BD

#4344BD

Triadic

#4344BD

#BD4344

#44BD43

Split Complementary

#4344BD

#BD7F43

#81BD43

Tetradic

#4344BD

#BD4381

#BDBC43

#43BD7F

Color Blindness Simulation

Original

#4344BD

Protanopia

#4343A0

Deuteranopia

#434399

Tritanopia

#438984

Achromatopsia

#4D4D4D

CSS Usage

background-color: #4344BD;
color: #4344BD;
border-color: #4344BD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CACAEC
300
#A4A5DF
400
#7374CE
500
#4243BD
600
#353697
700
#2A2B79
800
#21225E
900
#1C1C45
950
#11122C

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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