#150B20

#150B20

Color Values

HEX

#150B20

RGB

21, 11, 32

HSL

268.6, 48.8%, 8.4%

HSV

268.6, 65.6%, 12.5%

CMYK

34.4%, 65.6%, 0.0%, 87.5%

OKLCH

0.1759 0.0437 304.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#150B20

#16200B

Analogous

#0B0B20

#1F0B20

#150B20

Triadic

#150B20

#20150B

#0B2015

Split Complementary

#150B20

#201F0B

#0B200B

Tetradic

#150B20

#200B0B

#16200B

#0B201F

Color Blindness Simulation

Original

#150B20

Protanopia

#11111B

Deuteranopia

#11121A

Tritanopia

#141716

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DACAED
300
#C0A4E0
400
#9F73CF
500
#7D41BE
600
#643498
700
#502A79
800
#3E215F
900
#2F1B46
950
#1E112C

Contrast Checker

Text on white

19.08:1

AA Pass AAA Pass

Text on black

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