#22129B

#22129B

Color Values

HEX

#22129B

RGB

34, 18, 155

HSL

247.0, 79.2%, 33.9%

HSV

247.0, 88.4%, 60.8%

CMYK

78.1%, 88.4%, 0.0%, 39.2%

OKLCH

0.3379 0.1993 272.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#22129B

#8B9B12

Analogous

#12469B

#66129B

#22129B

Triadic

#22129B

#9B2212

#129B22

Split Complementary

#22129B

#9B6612

#469B12

Tetradic

#22129B

#9B1246

#8B9B12

#129B66

Color Blindness Simulation

Original

#22129B

Protanopia

#1B1B7A

Deuteranopia

#1C1D72

Tritanopia

#21605A

Achromatopsia

#1F1F1F

CSS Usage

background-color: #22129B;
color: #22129B;
border-color: #22129B;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C6BFF8
300
#9D91F2
400
#6756EB
500
#321BE4
600
#2815B7
700
#201192
800
#190D72
900
#160E53
950
#0E0934

Contrast Checker

Text on white

12.9:1

AA Pass AAA Pass

Text on black

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