#1F13AC

#1F13AC

Color Values

HEX

#1F13AC

RGB

31, 19, 172

HSL

244.7, 80.1%, 37.5%

HSV

244.7, 89.0%, 67.5%

CMYK

82.0%, 89.0%, 0.0%, 32.5%

OKLCH

0.3586 0.2185 270.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1F13AC

#A0AC13

Analogous

#1354AC

#6C13AC

#1F13AC

Triadic

#1F13AC

#AC1F13

#13AC1F

Split Complementary

#1F13AC

#AC6C13

#54AC13

Tetradic

#1F13AC

#AC1354

#A0AC13

#13AC6C

Color Blindness Simulation

Original

#1F13AC

Protanopia

#1A1A87

Deuteranopia

#1A1B7E

Tritanopia

#1E6A63

Achromatopsia

#212121

CSS Usage

background-color: #1F13AC;
color: #1F13AC;
border-color: #1F13AC;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C3BFF8
300
#9891F3
400
#6155EC
500
#2919E6
600
#2114B8
700
#1A1093
800
#150D73
900
#130E53
950
#0C0935

Contrast Checker

Text on white

12.02:1

AA Pass AAA Pass

Text on black

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