#22264A

#22264A

Color Values

HEX

#22264A

RGB

34, 38, 74

HSL

234.0, 37.0%, 21.2%

HSV

234.0, 54.1%, 29.0%

CMYK

54.1%, 48.6%, 0.0%, 71.0%

OKLCH

0.2848 0.0657 276.6

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#22264A

#4A4622

Analogous

#223A4A

#32224A

#22264A

Triadic

#22264A

#4A2226

#264A22

Split Complementary

#22264A

#4A3222

#3A4A22

Tetradic

#22264A

#4A223A

#4A4622

#224A32

Color Blindness Simulation

Original

#22264A

Protanopia

#242441

Deuteranopia

#24233F

Tritanopia

#223A39

Achromatopsia

#282828

CSS Usage

background-color: #22264A;
color: #22264A;
border-color: #22264A;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E8E9F3
200
#CED1E9
300
#ABB0D8
400
#7E85C4
500
#505AAF
600
#40488C
700
#333970
800
#282D57
900
#202441
950
#141629

Contrast Checker

Text on white

14.54:1

AA Pass AAA Pass

Text on black

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