#220fb2 hex color

In a RGB color space, hex #220fb2 is composed of 13.3% red, 5.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 91.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 247 degrees, a saturation of 84.5% and a lightness of 37.8%. #220fb2 color hex could be obtained by blending #441eff with #000065. Closest websafe color is: #330099.

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

● #220fb2 color description : Dark blue.

The hexadecimal color #220fb2 has RGB values of R:34, G:15, B:178 and CMYK values of C:0.81, M:0.92, Y:0, K:0.3. Its decimal value is 2232242.

Hex triplet	220fb2	`#220fb2`
RGB Decimal	34, 15, 178	`rgb(34,15,178)`
RGB Percent	13.3, 5.9, 69.8	`rgb(13.3%,5.9%,69.8%)`
CMYK	81, 92, 0, 30
HSL	247°, 84.5, 37.8	`hsl(247,84.5%,37.8%)`
HSV (or HSB)	247°, 91.6, 69.8
Web Safe	330099	`#330099`

CIE-LAB	23.323, 57.254, -78.253
XYZ	8.865, 3.896, 42.402
xyY	0.161, 0.071, 3.896
CIE-LCH	23.323, 96.962, 306.191
CIE-LUV	23.323, -4.709, -87.347
Hunter-Lab	19.737, 45.633, -113.559
Binary	00100010, 00001111, 10110010

#220fb2
```
#220fb2 rgb(34,15,178)
```
#9fb20f
```
#9fb20f rgb(159,178,15)
```

Complementary Color

#0f4eb2
```
#0f4eb2 rgb(15,78,178)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#740fb2
```
#740fb2 rgb(116,15,178)
```

Analogous Color

#4eb20f
```
#4eb20f rgb(78,178,15)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#b2740f
```
#b2740f rgb(178,116,15)
```

Split Complementary Color

#0fb222
```
#0fb222 rgb(15,178,34)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#b2220f
```
#b2220f rgb(178,34,15)
```

Triadic Color

#0f9fb2
```
#0f9fb2 rgb(15,159,178)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#b2220f
```
#b2220f rgb(178,34,15)
```
#9fb20f
```
#9fb20f rgb(159,178,15)
```

Tetradic Color

#15096b
```
#15096b rgb(21,9,107)
```
#190b83
```
#190b83 rgb(25,11,131)
```
#1e0d9a
```
#1e0d9a rgb(30,13,154)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#2611ca
```
#2611ca rgb(38,17,202)
```
#2b13e1
```
#2b13e1 rgb(43,19,225)
```
#3921ec
```
#3921ec rgb(57,33,236)
```

Monochromatic Color

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

#0f25b2
```
#0f25b2 rgb(15,37,178)
```
#0f17b2
```
#0f17b2 rgb(15,23,178)
```
#140fb2
```
#140fb2 rgb(20,15,178)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#300fb2
```
#300fb2 rgb(48,15,178)
```
#3d0fb2
```
#3d0fb2 rgb(61,15,178)
```
#4b0fb2
```
#4b0fb2 rgb(75,15,178)
```

Similar Colors

Text with hexadecimal color #220fb2

This text has a font color of #220fb2.

<span style="color:#220fb2;">Text here</span>

#220fb2 background color

This paragraph has a background color of #220fb2.

<p style="background-color:#220fb2;">Content here</p>

#220fb2 border color

This element has a border color of #220fb2.

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

CSS codes

.text {color:#220fb2;}

.background {background-color:#220fb2;}

.border {border:1px solid #220fb2;}

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, #03010f is the darkest color, while #fcfcff is the lightest one.

#03010f
```
#03010f rgb(3,1,15)
```
#060321
```
#060321 rgb(6,3,33)
```
#0a0433
```
#0a0433 rgb(10,4,51)
```
#0d0645
```
#0d0645 rgb(13,6,69)
```
#110758
```
#110758 rgb(17,7,88)
```
#14096a
```
#14096a rgb(20,9,106)
```
#180a7c
```
#180a7c rgb(24,10,124)
```
#1b0c8e
```
#1b0c8e rgb(27,12,142)
```
#1f0da0
```
#1f0da0 rgb(31,13,160)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#2511c4
```
#2511c4 rgb(37,17,196)
```
#2912d6
```
#2912d6 rgb(41,18,214)
```
#2c14e8
```
#2c14e8 rgb(44,20,232)
```

Shade Color Variation

#3a23ec
```
#3a23ec rgb(58,35,236)
```
#4b35ee
```
#4b35ee rgb(75,53,238)
```
#5b47f0
```
#5b47f0 rgb(91,71,240)
```
#6b59f1
```
#6b59f1 rgb(107,89,241)
```
#7b6bf3
```
#7b6bf3 rgb(123,107,243)
```
#8b7df4
```
#8b7df4 rgb(139,125,244)
```
#9b90f6
```
#9b90f6 rgb(155,144,246)
```
#aca2f7
```
#aca2f7 rgb(172,162,247)
```
#bcb4f9
```
#bcb4f9 rgb(188,180,249)
```
#ccc6fa
```
#ccc6fa rgb(204,198,250)
```
#dcd8fc
```
#dcd8fc rgb(220,216,252)
```
#eceafd
```
#eceafd rgb(236,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#5b5968
```
#5b5968 rgb(91,89,104)
```
#55526f
```
#55526f rgb(85,82,111)
```
#504a77
```
#504a77 rgb(80,74,119)
```
#4a437e
```
#4a437e rgb(74,67,126)
```
#443c85
```
#443c85 rgb(68,60,133)
```
#3e348d
```
#3e348d rgb(62,52,141)
```
#392d94
```
#392d94 rgb(57,45,148)
```
#33259c
```
#33259c rgb(51,37,156)
```
#2d1ea3
```
#2d1ea3 rgb(45,30,163)
```
#2816ab
```
#2816ab rgb(40,22,171)
```
#220fb2
```
#220fb2 rgb(34,15,178)
```
#1c08b9
```
#1c08b9 rgb(28,8,185)
```
#1700c1
```
#1700c1 rgb(23,0,193)
```

Tone Color Variation

Below, you can see how #220fb2 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

#272727 Achromatopsia 0.005% of the population
#262243 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00436b Deuteranopia 1% of men
#00484b Tritanopia 0.001% of the population

Trichromacy

#0c2e8f Protanomaly 1% of men, 0.01% of women
#0c3084 Deuteranomaly 6% of men, 0.4% of women
#0c3370 Tritanomaly 0.01% of the population

#220fb2 hex color

#220fb2 Color Information

#220fb2 Color Conversion

Color Schemes with #220fb2

Alternatives to #220fb2

#220fb2 Preview

Shades and Tints of #220fb2

Tones of #220fb2

Color Blindness Simulator