#2214b2 hex color

In a RGB color space, hex #2214b2 is composed of 13.3% red, 7.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 88.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 245.3 degrees, a saturation of 79.8% and a lightness of 38.8%. #2214b2 color hex could be obtained by blending #4428ff with #000065. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 8
- B 70
RGB color chart
- C 81
- M 89
- Y 0
- K 30
CMYK color chart

● #2214b2 color description : Dark blue.

The hexadecimal color #2214b2 has RGB values of R:34, G:20, B:178 and CMYK values of C:0.81, M:0.89, Y:0, K:0.3. Its decimal value is 2233522.

Hex triplet	2214b2	`#2214b2`
RGB Decimal	34, 20, 178	`rgb(34,20,178)`
RGB Percent	13.3, 7.8, 69.8	`rgb(13.3%,7.8%,69.8%)`
CMYK	81, 89, 0, 30
HSL	245.3°, 79.8, 38.8	`hsl(245.3,79.8%,38.8%)`
HSV (or HSB)	245.3°, 88.8, 69.8
Web Safe	330099	`#330099`

CIE-LAB	23.85, 55.658, -77.375
XYZ	8.944, 4.054, 42.428
xyY	0.161, 0.073, 4.054
CIE-LCH	23.85, 95.314, 305.729
CIE-LUV	23.85, -5.045, -87.792
Hunter-Lab	20.135, 44.055, -110.841
Binary	00100010, 00010100, 10110010

#2214b2
```
#2214b2 rgb(34,20,178)
```
#a4b214
```
#a4b214 rgb(164,178,20)
```

Complementary Color

#1455b2
```
#1455b2 rgb(20,85,178)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#7114b2
```
#7114b2 rgb(113,20,178)
```

Analogous Color

#55b214
```
#55b214 rgb(85,178,20)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#b27114
```
#b27114 rgb(178,113,20)
```

Split Complementary Color

#14b222
```
#14b222 rgb(20,178,34)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#b22214
```
#b22214 rgb(178,34,20)
```

Triadic Color

#14a4b2
```
#14a4b2 rgb(20,164,178)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#b22214
```
#b22214 rgb(178,34,20)
```
#a4b214
```
#a4b214 rgb(164,178,20)
```

Tetradic Color

#150c6d
```
#150c6d rgb(21,12,109)
```
#190f84
```
#190f84 rgb(25,15,132)
```
#1e119b
```
#1e119b rgb(30,17,155)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#2617c9
```
#2617c9 rgb(38,23,201)
```
#2b19e0
```
#2b19e0 rgb(43,25,224)
```
#3c2be7
```
#3c2be7 rgb(60,43,231)
```

Monochromatic Color

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

#142eb2
```
#142eb2 rgb(20,46,178)
```
#1420b2
```
#1420b2 rgb(20,32,178)
```
#1514b2
```
#1514b2 rgb(21,20,178)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#2f14b2
```
#2f14b2 rgb(47,20,178)
```
#3c14b2
```
#3c14b2 rgb(60,20,178)
```
#4914b2
```
#4914b2 rgb(73,20,178)
```

Similar Colors

Text with hexadecimal color #2214b2

This text has a font color of #2214b2.

<span style="color:#2214b2;">Text here</span>

#2214b2 background color

This paragraph has a background color of #2214b2.

<p style="background-color:#2214b2;">Content here</p>

#2214b2 border color

This element has a border color of #2214b2.

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

CSS codes

.text {color:#2214b2;}

.background {background-color:#2214b2;}

.border {border:1px solid #2214b2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#040213
```
#040213 rgb(4,2,19)
```
#070425
```
#070425 rgb(7,4,37)
```
#0a0637
```
#0a0637 rgb(10,6,55)
```
#0e0848
```
#0e0848 rgb(14,8,72)
```
#110a5a
```
#110a5a rgb(17,10,90)
```
#150c6b
```
#150c6b rgb(21,12,107)
```
#180e7d
```
#180e7d rgb(24,14,125)
```
#1b108f
```
#1b108f rgb(27,16,143)
```
#1f12a0
```
#1f12a0 rgb(31,18,160)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#2516c4
```
#2516c4 rgb(37,22,196)
```
#2918d5
```
#2918d5 rgb(41,24,213)
```

Shade Color Variation

#2d1be5
```
#2d1be5 rgb(45,27,229)
```
#3e2de7
```
#3e2de7 rgb(62,45,231)
```
#4e3fe9
```
#4e3fe9 rgb(78,63,233)
```
#5e50eb
```
#5e50eb rgb(94,80,235)
```
#6e62ed
```
#6e62ed rgb(110,98,237)
```
#7f74ef
```
#7f74ef rgb(127,116,239)
```
#8f85f1
```
#8f85f1 rgb(143,133,241)
```
#9f97f3
```
#9f97f3 rgb(159,151,243)
```
#afa8f5
```
#afa8f5 rgb(175,168,245)
```
#c0baf7
```
#c0baf7 rgb(192,186,247)
```
#d0ccf9
```
#d0ccf9 rgb(208,204,249)
```
#e0ddfb
```
#e0ddfb rgb(224,221,251)
```
#f0effd
```
#f0effd rgb(240,239,253)
```

Tint Color Variation

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

#616066
```
#616066 rgb(97,96,102)
```
#5a596d
```
#5a596d rgb(90,89,109)
```
#545175
```
#545175 rgb(84,81,117)
```
#4e497d
```
#4e497d rgb(78,73,125)
```
#484284
```
#484284 rgb(72,66,132)
```
#413a8c
```
#413a8c rgb(65,58,140)
```
#3b3294
```
#3b3294 rgb(59,50,148)
```
#352b9b
```
#352b9b rgb(53,43,155)
```
#2f23a3
```
#2f23a3 rgb(47,35,163)
```
#281caa
```
#281caa rgb(40,28,170)
```
#2214b2
```
#2214b2 rgb(34,20,178)
```
#1c0cba
```
#1c0cba rgb(28,12,186)
```
#1505c1
```
#1505c1 rgb(21,5,193)
```

Tone Color Variation

Below, you can see how #2214b2 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

#2a2a2a Achromatopsia 0.005% of the population
#282645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#0c3091 Protanomaly 1% of men, 0.01% of women
#0c3386 Deuteranomaly 6% of men, 0.4% of women
#0c3671 Tritanomaly 0.01% of the population

#2214b2 hex color

#2214b2 Color Information

#2214b2 Color Conversion

Color Schemes with #2214b2

Alternatives to #2214b2

#2214b2 Preview

Shades and Tints of #2214b2

Tones of #2214b2

Color Blindness Simulator