#150320

#150320

Color Values

HEX

#150320

RGB

21, 3, 32

HSL

277.2, 82.9%, 6.9%

HSV

277.2, 90.6%, 12.5%

CMYK

34.4%, 90.6%, 0.0%, 87.5%

OKLCH

0.1568 0.0639 310.8

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#150320

#0E2003

Analogous

#070320

#20031D

#150320

Triadic

#150320

#201503

#032015

Split Complementary

#150320

#1D2003

#032007

Tetradic

#150320

#200703

#0E2003

#031D20

Color Blindness Simulation

Original

#150320

Protanopia

#0D0D19

Deuteranopia

#0E1017

Tritanopia

#141312

Achromatopsia

#090909

CSS Usage

background-color: #150320;
color: #150320;
border-color: #150320;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E2BEF9
300
#CE8FF5
400
#B352EF
500
#9916E9
600
#7A11BB
700
#620E95
800
#4C0B75
900
#390C55
950
#240835

Contrast Checker

Text on white

19.7:1

AA Pass AAA Pass

Text on black

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