#150970

#150970

Color Values

HEX

#150970

RGB

21, 9, 112

HSL

247.0, 85.1%, 23.7%

HSV

247.0, 92.0%, 43.9%

CMYK

81.2%, 92.0%, 0.0%, 56.1%

OKLCH

0.2659 0.1583 272.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#150970

#647009

Analogous

#093070

#480970

#150970

Triadic

#150970

#701509

#097015

Split Complementary

#150970

#704809

#307009

Tetradic

#150970

#700930

#647009

#097048

Color Blindness Simulation

Original

#150970

Protanopia

#101057

Deuteranopia

#101151

Tritanopia

#14433F

Achromatopsia

#131313

CSS Usage

background-color: #150970;
color: #150970;
border-color: #150970;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BDFA
300
#9A8EF6
400
#6350F1
500
#2C13EC
600
#230FBD
700
#1C0C97
800
#160976
900
#140B56
950
#0D0736

Contrast Checker

Text on white

16.09:1

AA Pass AAA Pass

Text on black

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