#150AC2

#150AC2

Color Values

HEX

#150AC2

RGB

21, 10, 194

HSL

243.6, 90.2%, 40.0%

HSV

243.6, 94.8%, 76.1%

CMYK

89.2%, 94.8%, 0.0%, 23.9%

OKLCH

0.3777 0.2481 267.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#150AC2

#B7C20A

Analogous

#0A5BC2

#710AC2

#150AC2

Triadic

#150AC2

#C2150A

#0AC215

Split Complementary

#150AC2

#C2710A

#5BC20A

Tetradic

#150AC2

#C20A5B

#B7C20A

#0AC271

Color Blindness Simulation

Original

#150AC2

Protanopia

#101096

Deuteranopia

#11128B

Tritanopia

#14726B

Achromatopsia

#1A1A1A

CSS Usage

background-color: #150AC2;
color: #150AC2;
border-color: #150AC2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BFBBFC
300
#918BF9
400
#564CF6
500
#1A0CF3
600
#150AC2
700
#11089B
800
#0D0679
900
#0E0958
950
#090637

Contrast Checker

Text on white

11.32:1

AA Pass AAA Pass

Text on black

1.85:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026