#20283B

#20283B

Color Values

HEX

#20283B

RGB

32, 40, 59

HSL

222.2, 29.7%, 17.8%

HSV

222.2, 45.8%, 23.1%

CMYK

45.8%, 32.2%, 0.0%, 76.9%

OKLCH

0.2784 0.0371 266.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#20283B

#3B3320

Analogous

#20353B

#25203B

#20283B

Triadic

#20283B

#3B2028

#283B20

Split Complementary

#20283B

#3B2520

#353B20

Tetradic

#20283B

#3B2035

#3B3320

#203B25

Color Blindness Simulation

Original

#20283B

Protanopia

#232436

Deuteranopia

#232235

Tritanopia

#203332

Achromatopsia

#282828

CSS Usage

background-color: #20283B;
color: #20283B;
border-color: #20283B;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F7F9
100
#E9EBF2
200
#D1D7E6
300
#B0BAD4
400
#8595BD
500
#5A70A5
600
#485A84
700
#39486A
800
#2D3853
900
#232B3D
950
#161B27

Contrast Checker

Text on white

14.71:1

AA Pass AAA Pass

Text on black

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