#22293E

#22293E

Color Values

HEX

#22293E

RGB

34, 41, 62

HSL

225.0, 29.2%, 18.8%

HSV

225.0, 45.2%, 24.3%

CMYK

45.2%, 33.9%, 0.0%, 75.7%

OKLCH

0.2845 0.04 269.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#22293E

#3E3722

Analogous

#22373E

#29223E

#22293E

Triadic

#22293E

#3E2229

#293E22

Split Complementary

#22293E

#3E2922

#373E22

Tetradic

#22293E

#3E2237

#3E3722

#223E29

Color Blindness Simulation

Original

#22293E

Protanopia

#252539

Deuteranopia

#252438

Tritanopia

#223534

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D1D6E6
300
#B0B9D4
400
#8593BC
500
#5A6DA5
600
#485784
700
#3A4669
800
#2D3652
900
#242A3D
950
#171B27

Contrast Checker

Text on white

14.44:1

AA Pass AAA Pass

Text on black

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