#22044D

#22044D

Color Values

HEX

#22044D

RGB

34, 4, 77

HSL

264.7, 90.1%, 15.9%

HSV

264.7, 94.8%, 30.2%

CMYK

55.8%, 94.8%, 0.0%, 69.8%

OKLCH

0.228 0.1184 293.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#22044D

#2F4D04

Analogous

#040A4D

#47044D

#22044D

Triadic

#22044D

#4D2204

#044D22

Split Complementary

#22044D

#4D4704

#0A4D04

Tetradic

#22044D

#4D040A

#2F4D04

#044D47

Color Blindness Simulation

Original

#22044D

Protanopia

#15153B

Deuteranopia

#171937

Tritanopia

#202D2A

Achromatopsia

#101010

CSS Usage

background-color: #22044D;
color: #22044D;
border-color: #22044D;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F1FD
100
#EBDFFB
200
#D6BBFB
300
#B88BF9
400
#924CF6
500
#6B0DF2
600
#560AC2
700
#45089B
800
#360679
900
#2A0958
950
#1A0637

Contrast Checker

Text on white

17.61:1

AA Pass AAA Pass

Text on black

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