#1613BC

#1613BC

Color Values

HEX

#1613BC

RGB

22, 19, 188

HSL

241.1, 81.6%, 40.6%

HSV

241.1, 89.9%, 73.7%

CMYK

88.3%, 89.9%, 0.0%, 26.3%

OKLCH

0.3754 0.238 267.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1613BC

#B9BC13

Analogous

#1364BC

#6B13BC

#1613BC

Triadic

#1613BC

#BC1613

#13BC16

Split Complementary

#1613BC

#BC6B13

#64BC13

Tetradic

#1613BC

#BC1364

#B9BC13

#13BC6B

Color Blindness Simulation

Original

#1613BC

Protanopia

#151593

Deuteranopia

#151589

Tritanopia

#16736C

Achromatopsia

#202020

CSS Usage

background-color: #1613BC;
color: #1613BC;
border-color: #1613BC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF8
300
#9290F4
400
#5654EE
500
#1B17E8
600
#1613B9
700
#110F94
800
#0E0C74
900
#0E0D54
950
#090835

Contrast Checker

Text on white

11.33:1

AA Pass AAA Pass

Text on black

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