#221848

#221848

Color Values

HEX

#221848

RGB

34, 24, 72

HSL

252.5, 50.0%, 18.8%

HSV

252.5, 66.7%, 28.2%

CMYK

52.8%, 66.7%, 0.0%, 71.8%

OKLCH

0.2526 0.0856 288.3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#221848

#3E4818

Analogous

#182648

#3A1848

#221848

Triadic

#221848

#482218

#184822

Split Complementary

#221848

#483A18

#264818

Tetradic

#221848

#481826

#3E4818

#18483A

Color Blindness Simulation

Original

#221848

Protanopia

#1E1E3C

Deuteranopia

#1E1F3A

Tritanopia

#223331

Achromatopsia

#1E1E1E

CSS Usage

background-color: #221848;
color: #221848;
border-color: #221848;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F5F4FB
100
#E9E6F5
200
#D1C9ED
300
#B0A3E0
400
#8571D0
500
#5A40BF
600
#483399
700
#3A297A
800
#2D2060
900
#241B46
950
#17112C

Contrast Checker

Text on white

16.25:1

AA Pass AAA Pass

Text on black

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