#21227f hex color

In a RGB color space, hex #21227f is composed of 12.9% red, 13.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 73.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 239.4 degrees, a saturation of 58.8% and a lightness of 31.4%. #21227f color hex could be obtained by blending #4244fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 13
- B 50
RGB color chart
- C 74
- M 73
- Y 0
- K 50
CMYK color chart

● #21227f color description : Dark blue.

The hexadecimal color #21227f has RGB values of R:33, G:34, B:127 and CMYK values of C:0.74, M:0.73, Y:0, K:0.5. Its decimal value is 2171519.

Hex triplet	21227f	`#21227f`
RGB Decimal	33, 34, 127	`rgb(33,34,127)`
RGB Percent	12.9, 13.3, 49.8	`rgb(12.9%,13.3%,49.8%)`
CMYK	74, 73, 0, 50
HSL	239.4°, 58.8, 31.4	`hsl(239.4,58.8%,31.4%)`
HSV (or HSB)	239.4°, 74, 49.8
Web Safe	333366	`#333366`

CIE-LAB	20.042, 32.36, -52.286
XYZ	5.029, 2.999, 20.391
xyY	0.177, 0.106, 2.999
CIE-LCH	20.042, 61.49, 301.754
CIE-LUV	20.042, -4.409, -58.769
Hunter-Lab	17.319, 21.527, -57.686
Binary	00100001, 00100010, 01111111

#21227f
```
#21227f rgb(33,34,127)
```
#7f7e21
```
#7f7e21 rgb(127,126,33)
```

Complementary Color

#21517f
```
#21517f rgb(33,81,127)
```
#21227f
```
#21227f rgb(33,34,127)
```
#4f217f
```
#4f217f rgb(79,33,127)
```

Analogous Color

#517f21
```
#517f21 rgb(81,127,33)
```
#21227f
```
#21227f rgb(33,34,127)
```
#7f4f21
```
#7f4f21 rgb(127,79,33)
```

Split Complementary Color

#227f21
```
#227f21 rgb(34,127,33)
```
#21227f
```
#21227f rgb(33,34,127)
```
#7f2122
```
#7f2122 rgb(127,33,34)
```

Triadic Color

#217f7e
```
#217f7e rgb(33,127,126)
```
#21227f
```
#21227f rgb(33,34,127)
```
#7f2122
```
#7f2122 rgb(127,33,34)
```
#7f7e21
```
#7f7e21 rgb(127,126,33)
```

Tetradic Color

#111242
```
#111242 rgb(17,18,66)
```
#161757
```
#161757 rgb(22,23,87)
```
#1c1d6b
```
#1c1d6b rgb(28,29,107)
```
#21227f
```
#21227f rgb(33,34,127)
```
#262793
```
#262793 rgb(38,39,147)
```
#2c2da7
```
#2c2da7 rgb(44,45,167)
```
#3132bc
```
#3132bc rgb(49,50,188)
```

Monochromatic Color

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

#213a7f
```
#213a7f rgb(33,58,127)
```
#21327f
```
#21327f rgb(33,50,127)
```
#212a7f
```
#212a7f rgb(33,42,127)
```
#21227f
```
#21227f rgb(33,34,127)
```
#28217f
```
#28217f rgb(40,33,127)
```
#30217f
```
#30217f rgb(48,33,127)
```
#38217f
```
#38217f rgb(56,33,127)
```

Similar Colors

Text with hexadecimal color #21227f

This text has a font color of #21227f.

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

#21227f background color

This paragraph has a background color of #21227f.

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

#21227f border color

This element has a border color of #21227f.

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

CSS codes

.text {color:#21227f;}

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

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

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, #010102 is the darkest color, while #f2f2fc is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#050512
```
#050512 rgb(5,5,18)
```
#090922
```
#090922 rgb(9,9,34)
```
#0d0d31
```
#0d0d31 rgb(13,13,49)
```
#111141
```
#111141 rgb(17,17,65)
```
#151550
```
#151550 rgb(21,21,80)
```
#191a60
```
#191a60 rgb(25,26,96)
```
#1d1e6f
```
#1d1e6f rgb(29,30,111)
```
#21227f
```
#21227f rgb(33,34,127)
```
#25268f
```
#25268f rgb(37,38,143)
```
#292a9e
```
#292a9e rgb(41,42,158)
```
#2d2fae
```
#2d2fae rgb(45,47,174)
```
#3133bd
```
#3133bd rgb(49,51,189)
```

Shade Color Variation

#3739cb
```
#3739cb rgb(55,57,203)
```
#4748cf
```
#4748cf rgb(71,72,207)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```
#6667d7
```
#6667d7 rgb(102,103,215)
```
#7576db
```
#7576db rgb(117,118,219)
```
#8586df
```
#8586df rgb(133,134,223)
```
#9495e3
```
#9495e3 rgb(148,149,227)
```
#a4a5e7
```
#a4a5e7 rgb(164,165,231)
```
#b4b4eb
```
#b4b4eb rgb(180,180,235)
```
#c3c4ef
```
#c3c4ef rgb(195,196,239)
```
#d3d3f3
```
#d3d3f3 rgb(211,211,243)
```
#e2e3f8
```
#e2e3f8 rgb(226,227,248)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

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

#4c4c54
```
#4c4c54 rgb(76,76,84)
```
#46465a
```
#46465a rgb(70,70,90)
```
#404060
```
#404060 rgb(64,64,96)
```
#3a3a66
```
#3a3a66 rgb(58,58,102)
```
#33346d
```
#33346d rgb(51,52,109)
```
#2d2e73
```
#2d2e73 rgb(45,46,115)
```
#272879
```
#272879 rgb(39,40,121)
```
#21227f
```
#21227f rgb(33,34,127)
```
#1b1c85
```
#1b1c85 rgb(27,28,133)
```
#15168b
```
#15168b rgb(21,22,139)
```
#0f1091
```
#0f1091 rgb(15,16,145)
```
#080a98
```
#080a98 rgb(8,10,152)
```
#02049e
```
#02049e rgb(2,4,158)
```

Tone Color Variation

Below, you can see how #21227f 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
#2a2a3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003c61 Deuteranopia 1% of men
#004144 Tritanopia 0.001% of the population

Trichromacy

#0c3075 Protanomaly 1% of men, 0.01% of women
#0c336c Deuteranomaly 6% of men, 0.4% of women
#0c3559 Tritanomaly 0.01% of the population

#21227f hex color

#21227f Color Information

#21227f Color Conversion

Color Schemes with #21227f

Alternatives to #21227f

#21227f Preview

Shades and Tints of #21227f

Tones of #21227f

Color Blindness Simulator