#1306C6

#1306C6

Color Values

HEX

#1306C6

RGB

19, 6, 198

HSL

244.1, 94.1%, 40.0%

HSV

244.1, 97.0%, 77.6%

CMYK

90.4%, 97.0%, 0.0%, 22.4%

OKLCH

0.3807 0.2539 266.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1306C6

#B9C606

Analogous

#0659C6

#7306C6

#1306C6

Triadic

#1306C6

#C61306

#06C613

Split Complementary

#1306C6

#C67306

#59C606

Tetradic

#1306C6

#C60659

#B9C606

#06C673

Color Blindness Simulation

Original

#1306C6

Protanopia

#0D0D98

Deuteranopia

#0E0F8C

Tritanopia

#12736B

Achromatopsia

#171717

CSS Usage

background-color: #1306C6;
color: #1306C6;
border-color: #1306C6;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BEBAFD
300
#9088FB
400
#5448F9
500
#1808F7
600
#1306C6
700
#0F059E
800
#0C047C
900
#0D0759
950
#080539

Contrast Checker

Text on white

11.23:1

AA Pass AAA Pass

Text on black

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