#150B71

#150B71

Color Values

HEX

#150B71

RGB

21, 11, 113

HSL

245.9, 82.3%, 24.3%

HSV

245.9, 90.3%, 44.3%

CMYK

81.4%, 90.3%, 0.0%, 55.7%

OKLCH

0.2691 0.1582 272.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#150B71

#67710B

Analogous

#0B3471

#480B71

#150B71

Triadic

#150B71

#71150B

#0B7115

Split Complementary

#150B71

#71480B

#34710B

Tetradic

#150B71

#710B34

#67710B

#0B7148

Color Blindness Simulation

Original

#150B71

Protanopia

#111158

Deuteranopia

#111252

Tritanopia

#144541

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C4BEF9
300
#998FF4
400
#6253EE
500
#2B17E8
600
#2312BA
700
#1C0E95
800
#160B74
900
#140D54
950
#0C0835

Contrast Checker

Text on white

15.93:1

AA Pass AAA Pass

Text on black

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