#150871

#150871

Color Values

HEX

#150871

RGB

21, 8, 113

HSL

247.4, 86.8%, 23.7%

HSV

247.4, 92.9%, 44.3%

CMYK

81.4%, 92.9%, 0.0%, 55.7%

OKLCH

0.2663 0.1602 272.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#150871

#647108

Analogous

#082F71

#490871

#150871

Triadic

#150871

#711508

#087115

Split Complementary

#150871

#714908

#2F7108

Tetradic

#150871

#71082F

#647108

#087149

Color Blindness Simulation

Original

#150871

Protanopia

#0F0F58

Deuteranopia

#101152

Tritanopia

#14443F

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BCFA
300
#9A8DF7
400
#634FF3
500
#2C11EE
600
#230DBF
700
#1C0B98
800
#160877
900
#140B56
950
#0D0737

Contrast Checker

Text on white

16.09:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026