#22003D

#22003D

Color Values

HEX

#22003D

RGB

34, 0, 61

HSL

273.4, 100.0%, 12.0%

HSV

273.4, 100.0%, 23.9%

CMYK

44.3%, 100.0%, 0.0%, 76.1%

OKLCH

0.2038 0.1067 303.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#22003D

#1B3D00

Analogous

#03003D

#3D003A

#22003D

Triadic

#22003D

#3D2200

#003D22

Split Complementary

#22003D

#3A3D00

#003D03

Tetradic

#22003D

#3D0300

#1B3D00

#003A3D

Color Blindness Simulation

Original

#22003D

Protanopia

#13132E

Deuteranopia

#15182B

Tritanopia

#202320

Achromatopsia

#0C0C0C

CSS Usage

background-color: #22003D;
color: #22003D;
border-color: #22003D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#DFB8FF
300
#C985FF
400
#AB42FF
500
#8E00FF
600
#7200CC
700
#5B00A3
800
#470080
900
#35055C
950
#22033A

Contrast Checker

Text on white

18.5:1

AA Pass AAA Pass

Text on black

1.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026