#162333

#162333

Color Values

HEX

#162333

RGB

22, 35, 51

HSL

213.1, 39.7%, 14.3%

HSV

213.1, 56.9%, 20.0%

CMYK

56.9%, 31.4%, 0.0%, 80.0%

OKLCH

0.2524 0.0355 254.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#162333

#332616

Analogous

#163133

#171633

#162333

Triadic

#162333

#331623

#233316

Split Complementary

#162333

#331716

#313316

Tetradic

#162333

#331631

#332616

#163317

Color Blindness Simulation

Original

#162333

Protanopia

#1C1C2F

Deuteranopia

#1B1A2E

Tritanopia

#172C2B

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAE9
300
#AABFDA
400
#7B9DC6
500
#4D7AB2
600
#3E628E
700
#314E72
800
#263D59
900
#1F2F42
950
#141D2A

Contrast Checker

Text on white

15.88:1

AA Pass AAA Pass

Text on black

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