#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026