#20142B

#20142B

Color Values

HEX

#20142B

RGB

32, 20, 43

HSL

271.3, 36.5%, 12.4%

HSV

271.3, 53.5%, 16.9%

CMYK

25.6%, 53.5%, 0.0%, 83.1%

OKLCH

0.219 0.0464 307.0

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#20142B

#1F2B14

Analogous

#15142B

#2B142B

#20142B

Triadic

#20142B

#2B2014

#142B20

Split Complementary

#20142B

#2B2B14

#142B15

Tetradic

#20142B

#2B1514

#1F2B14

#142B2B

Color Blindness Simulation

Original

#20142B

Protanopia

#1B1B25

Deuteranopia

#1C1C24

Tritanopia

#1F2120

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DCCEE8
300
#C3ABD8
400
#A27EC3
500
#8251AE
600
#68418B
700
#53346F
800
#412857
900
#312140
950
#1F1529

Contrast Checker

Text on white

17.55:1

AA Pass AAA Pass

Text on black

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