#1343EC

#1343EC

Color Values

HEX

#1343EC

RGB

19, 67, 236

HSL

226.7, 85.1%, 50.0%

HSV

226.7, 91.9%, 92.5%

CMYK

91.9%, 71.6%, 0.0%, 7.5%

OKLCH

0.4875 0.2544 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1343EC

#ECBC13

Analogous

#13B0EC

#4F13EC

#1343EC

Triadic

#1343EC

#EC1343

#43EC13

Split Complementary

#1343EC

#EC4F13

#B0EC13

Tetradic

#1343EC

#EC13B0

#ECBC13

#13EC4F

Color Blindness Simulation

Original

#1343EC

Protanopia

#2828C3

Deuteranopia

#2521B9

Tritanopia

#15A39C

Achromatopsia

#454545

CSS Usage

background-color: #1343EC;
color: #1343EC;
border-color: #1343EC;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCAFA
300
#8EA5F6
400
#5074F1
500
#1343EC
600
#0F36BD
700
#0C2B97
800
#092276
900
#0B1C56
950
#071236

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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