#162138

#162138

Color Values

HEX

#162138

RGB

22, 33, 56

HSL

220.6, 43.6%, 15.3%

HSV

220.6, 60.7%, 22.0%

CMYK

60.7%, 41.1%, 0.0%, 78.0%

OKLCH

0.2501 0.0466 263.9

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#162138

#382D16

Analogous

#163238

#1C1638

#162138

Triadic

#162138

#381621

#213816

Split Complementary

#162138

#381C16

#323816

Tetradic

#162138

#381632

#382D16

#16381C

Color Blindness Simulation

Original

#162138

Protanopia

#1B1B32

Deuteranopia

#1A1931

Tritanopia

#172E2D

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A7B8DC
400
#7892CA
500
#486CB7
600
#3A5692
700
#2E4575
800
#24365C
900
#1D2A43
950
#131A2B

Contrast Checker

Text on white

16.05:1

AA Pass AAA Pass

Text on black

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