#344ECB

#344ECB

Color Values

HEX

#344ECB

RGB

52, 78, 203

HSL

229.7, 59.2%, 50.0%

HSV

229.7, 74.4%, 79.6%

CMYK

74.4%, 61.6%, 0.0%, 20.4%

OKLCH

0.4848 0.1952 268.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#344ECB

#CBB134

Analogous

#3499CB

#6634CB

#344ECB

Triadic

#344ECB

#CB344E

#4ECB34

Split Complementary

#344ECB

#CB6634

#99CB34

Tetradic

#344ECB

#CB3499

#CBB134

#34CB66

Color Blindness Simulation

Original

#344ECB

Protanopia

#3F3FAD

Deuteranopia

#3E3CA6

Tritanopia

#359590

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EAAE6
400
#697CD9
500
#344ECB
600
#2A3EA2
700
#213282
800
#1A2765
900
#171F4A
950
#0E142F

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026