#21227a hex color

In a RGB color space, hex #21227a is composed of 12.9% red, 13.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 72.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 239.3 degrees, a saturation of 57.4% and a lightness of 30.4%. #21227a color hex could be obtained by blending #4244f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 13
- B 48
RGB color chart
- C 73
- M 72
- Y 0
- K 52
CMYK color chart

● #21227a color description : Dark blue.

The hexadecimal color #21227a has RGB values of R:33, G:34, B:122 and CMYK values of C:0.73, M:0.72, Y:0, K:0.52. Its decimal value is 2171514.

Hex triplet	21227a	`#21227a`
RGB Decimal	33, 34, 122	`rgb(33,34,122)`
RGB Percent	12.9, 13.3, 47.8	`rgb(12.9%,13.3%,47.8%)`
CMYK	73, 72, 0, 52
HSL	239.3°, 57.4, 30.4	`hsl(239.3,57.4%,30.4%)`
HSV (or HSB)	239.3°, 73, 47.8
Web Safe	333366	`#333366`

CIE-LAB	19.525, 30.546, -49.955
XYZ	4.711, 2.872, 18.717
xyY	0.179, 0.109, 2.872
CIE-LCH	19.525, 58.554, 301.444
CIE-LUV	19.525, -4.199, -55.752
Hunter-Lab	16.948, 19.963, -53.617
Binary	00100001, 00100010, 01111010

#21227a
```
#21227a rgb(33,34,122)
```
#7a7921
```
#7a7921 rgb(122,121,33)
```

Complementary Color

#214f7a
```
#214f7a rgb(33,79,122)
```
#21227a
```
#21227a rgb(33,34,122)
```
#4d217a
```
#4d217a rgb(77,33,122)
```

Analogous Color

#4f7a21
```
#4f7a21 rgb(79,122,33)
```
#21227a
```
#21227a rgb(33,34,122)
```
#7a4d21
```
#7a4d21 rgb(122,77,33)
```

Split Complementary Color

#227a21
```
#227a21 rgb(34,122,33)
```
#21227a
```
#21227a rgb(33,34,122)
```
#7a2122
```
#7a2122 rgb(122,33,34)
```

Triadic Color

#217a79
```
#217a79 rgb(33,122,121)
```
#21227a
```
#21227a rgb(33,34,122)
```
#7a2122
```
#7a2122 rgb(122,33,34)
```
#7a7921
```
#7a7921 rgb(122,121,33)
```

Tetradic Color

#11113e
```
#11113e rgb(17,17,62)
```
#161752
```
#161752 rgb(22,23,82)
```
#1c1c66
```
#1c1c66 rgb(28,28,102)
```
#21227a
```
#21227a rgb(33,34,122)
```
#26288e
```
#26288e rgb(38,40,142)
```
#2c2da2
```
#2c2da2 rgb(44,45,162)
```
#3133b6
```
#3133b6 rgb(49,51,182)
```

Monochromatic Color

Below, you can see some colors close to #21227a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#21387a
```
#21387a rgb(33,56,122)
```
#21317a
```
#21317a rgb(33,49,122)
```
#21297a
```
#21297a rgb(33,41,122)
```
#21227a
```
#21227a rgb(33,34,122)
```
#27217a
```
#27217a rgb(39,33,122)
```
#2f217a
```
#2f217a rgb(47,33,122)
```
#36217a
```
#36217a rgb(54,33,122)
```

Similar Colors

Text with hexadecimal color #21227a

This text has a font color of #21227a.

<span style="color:#21227a;">Text here</span>

#21227a background color

This paragraph has a background color of #21227a.

<p style="background-color:#21227a;">Content here</p>

#21227a border color

This element has a border color of #21227a.

<div style="border:1px solid #21227a;">Content here</div>

CSS codes

.text {color:#21227a;}

.background {background-color:#21227a;}

.border {border:1px solid #21227a;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #04040e is the darkest color, while #fdfdff is the lightest one.

#04040e
```
#04040e rgb(4,4,14)
```
#08081d
```
#08081d rgb(8,8,29)
```
#0c0c2d
```
#0c0c2d rgb(12,12,45)
```
#10113c
```
#10113c rgb(16,17,60)
```
#14154c
```
#14154c rgb(20,21,76)
```
#19195b
```
#19195b rgb(25,25,91)
```
#1d1e6b
```
#1d1e6b rgb(29,30,107)
```
#21227a
```
#21227a rgb(33,34,122)
```
#252689
```
#252689 rgb(37,38,137)
```
#292b99
```
#292b99 rgb(41,43,153)
```
#2e2fa8
```
#2e2fa8 rgb(46,47,168)
```
#3233b8
```
#3233b8 rgb(50,51,184)
```
#3638c7
```
#3638c7 rgb(54,56,199)
```

Shade Color Variation

#4446cc
```
#4446cc rgb(68,70,204)
```
#5455d1
```
#5455d1 rgb(84,85,209)
```
#6364d5
```
#6364d5 rgb(99,100,213)
```
#7374d9
```
#7374d9 rgb(115,116,217)
```
#8283dd
```
#8283dd rgb(130,131,221)
```
#9192e1
```
#9192e1 rgb(145,146,225)
```
#a1a2e6
```
#a1a2e6 rgb(161,162,230)
```
#b0b1ea
```
#b0b1ea rgb(176,177,234)
```
#c0c0ee
```
#c0c0ee rgb(192,192,238)
```
#cfd0f2
```
#cfd0f2 rgb(207,208,242)
```
#dfdff6
```
#dfdff6 rgb(223,223,246)
```
#eeeefa
```
#eeeefa rgb(238,238,250)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4b50 is the less saturated color, while #030598 is the most saturated one.

#4b4b50
```
#4b4b50 rgb(75,75,80)
```
#454556
```
#454556 rgb(69,69,86)
```
#3f3f5c
```
#3f3f5c rgb(63,63,92)
```
#393962
```
#393962 rgb(57,57,98)
```
#333368
```
#333368 rgb(51,51,104)
```
#2d2e6e
```
#2d2e6e rgb(45,46,110)
```
#272874
```
#272874 rgb(39,40,116)
```
#21227a
```
#21227a rgb(33,34,122)
```
#1b1c80
```
#1b1c80 rgb(27,28,128)
```
#151686
```
#151686 rgb(21,22,134)
```
#0f118c
```
#0f118c rgb(15,17,140)
```
#090b92
```
#090b92 rgb(9,11,146)
```
#030598
```
#030598 rgb(3,5,152)
```

Tone Color Variation

Below, you can see how #21227a is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#2c2c2c Achromatopsia 0.005% of the population
#2a2a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#003f43 Tritanopia 0.001% of the population

Trichromacy

#0c3072 Protanomaly 1% of men, 0.01% of women
#0c3269 Deuteranomaly 6% of men, 0.4% of women
#0c3457 Tritanomaly 0.01% of the population

#21227a hex color

#21227a Color Information

#21227a Color Conversion

Color Schemes with #21227a

Alternatives to #21227a

#21227a Preview

Shades and Tints of #21227a

Tones of #21227a

Color Blindness Simulator