#221540

#221540

Color Values

HEX

#221540

RGB

34, 21, 64

HSL

258.1, 50.6%, 16.7%

HSV

258.1, 67.2%, 25.1%

CMYK

46.9%, 67.2%, 0.0%, 74.9%

OKLCH

0.2397 0.0783 293.6

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#221540

#334015

Analogous

#151E40

#381540

#221540

Triadic

#221540

#402215

#154022

Split Complementary

#221540

#403815

#1E4015

Tetradic

#221540

#40151E

#334015

#154038

Color Blindness Simulation

Original

#221540

Protanopia

#1C1C36

Deuteranopia

#1D1E33

Tritanopia

#212D2C

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE5F5
200
#D4C9ED
300
#B6A3E1
400
#8E71D0
500
#663FC0
600
#52329A
700
#41287B
800
#331F60
900
#281A47
950
#19112D

Contrast Checker

Text on white

16.81:1

AA Pass AAA Pass

Text on black

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