#150AF5

#150AF5

Color Values

HEX

#150AF5

RGB

21, 10, 245

HSL

242.8, 92.2%, 50.0%

HSV

242.8, 95.9%, 96.1%

CMYK

91.4%, 95.9%, 0.0%, 3.9%

OKLCH

0.4455 0.2989 265.8

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#150AF5

#EAF50A

Analogous

#0A75F5

#8A0AF5

#150AF5

Triadic

#150AF5

#F5150A

#0AF515

Split Complementary

#150AF5

#F58A0A

#75F50A

Tetradic

#150AF5

#F50A75

#EAF50A

#0AF58A

Color Blindness Simulation

Original

#150AF5

Protanopia

#1010BC

Deuteranopia

#1112AE

Tritanopia

#148F85

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BDBAFC
300
#8F89FA
400
#524AF8
500
#150AF5
600
#1108C4
700
#0D069D
800
#0A057B
900
#0C0859
950
#080538

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

2.39:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026