#13196F

#13196F

Color Values

HEX

#13196F

RGB

19, 25, 111

HSL

236.1, 70.8%, 25.5%

HSV

236.1, 82.9%, 43.5%

CMYK

82.9%, 77.5%, 0.0%, 56.5%

OKLCH

0.2835 0.144 270.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#13196F

#6F6913

Analogous

#13476F

#3B136F

#13196F

Triadic

#13196F

#6F1319

#196F13

Split Complementary

#13196F

#6F3B13

#476F13

Tetradic

#13196F

#6F1347

#6F6913

#136F3B

Color Blindness Simulation

Original

#13196F

Protanopia

#16165A

Deuteranopia

#151555

Tritanopia

#134A46

Achromatopsia

#1E1E1E

CSS Usage

background-color: #13196F;
color: #13196F;
border-color: #13196F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F3FC
100
#E2E4F8
200
#C2C5F5
300
#969CED
400
#5E67E3
500
#2531DA
600
#1E27AE
700
#181F8B
800
#13186D
900
#12164F
950
#0B0E32

Contrast Checker

Text on white

15.04:1

AA Pass AAA Pass

Text on black

1.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026