#130EB2

#130EB2

Color Values

HEX

#130EB2

RGB

19, 14, 178

HSL

241,8, 85,4%, 37,6%

HSV

241,8, 92,1%, 69,8%

CMYK

89,3%, 92,1%, 0,0%, 30,2%

OKLCH

0,3578 0,2304 267,1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#130EB2

#ADB20E

Analogous

#0E5BB2

#650EB2

#130EB2

Triadic

#130EB2

#B2130E

#0EB213

Split Complementary

#130EB2

#B2650E

#5BB20E

Tetradic

#130EB2

#B20E5B

#ADB20E

#0EB265

Color Blindness Simulation

Original

#130EB2

Protanopia

#11118A

Deuteranopia

#111281

Tritanopia

#136B64

Achromatopsia

#1B1B1B

CSS Usage

background-color: #130EB2;
color: #130EB2;
border-color: #130EB2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBDFA
300
#918EF6
400
#5550F1
500
#1913EC
600
#140FBD
700
#100C97
800
#0D0976
900
#0D0B56
950
#080736

Contrast Checker

Text on white

12,12:1

AA Pass AAA Pass

Text on black

1,73: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