#150D62

#150D62

Color Values

HEX

#150D62

RGB

21, 13, 98

HSL

245.6, 76.6%, 21.8%

HSV

245.6, 86.7%, 38.4%

CMYK

78.6%, 86.7%, 0.0%, 61.6%

OKLCH

0.2516 0.1381 274.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#150D62

#5A620D

Analogous

#0D3062

#400D62

#150D62

Triadic

#150D62

#62150D

#0D6215

Split Complementary

#150D62

#62400D

#30620D

Tetradic

#150D62

#620D30

#5A620D

#0D6240

Color Blindness Simulation

Original

#150D62

Protanopia

#12114D

Deuteranopia

#121348

Tritanopia

#153D3A

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C5C0F7
300
#9C93F1
400
#6658E9
500
#301EE1
600
#2618B4
700
#1F1390
800
#180F71
900
#150F52
950
#0D0A34

Contrast Checker

Text on white

16.59:1

AA Pass AAA Pass

Text on black

1.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026