#22293F

#22293F

Color Values

HEX

#22293F

RGB

34, 41, 63

HSL

225.5, 29.9%, 19.0%

HSV

225.5, 46.0%, 24.7%

CMYK

46.0%, 34.9%, 0.0%, 75.3%

OKLCH

0.2851 0.0418 270.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#22293F

#3F3822

Analogous

#22373F

#29223F

#22293F

Triadic

#22293F

#3F2229

#293F22

Split Complementary

#22293F

#3F2922

#373F22

Tetradic

#22293F

#3F2237

#3F3822

#223F29

Color Blindness Simulation

Original

#22293F

Protanopia

#25253A

Deuteranopia

#252438

Tritanopia

#223535

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D1D6E6
300
#B0B8D4
400
#8492BD
500
#596CA6
600
#485684
700
#39456A
800
#2D3653
900
#232A3D
950
#161A27

Contrast Checker

Text on white

14.41:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026