#220fa2 hex color

In a RGB color space, hex #220fa2 is composed of 13.3% red, 5.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 90.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 247.8 degrees, a saturation of 83.1% and a lightness of 34.7%. #220fa2 color hex could be obtained by blending #441eff with #000045. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 6
- B 64
RGB color chart
- C 79
- M 91
- Y 0
- K 36
CMYK color chart

● #220fa2 color description : Dark blue.

The hexadecimal color #220fa2 has RGB values of R:34, G:15, B:162 and CMYK values of C:0.79, M:0.91, Y:0, K:0.36. Its decimal value is 2232226.

Hex triplet	220fa2	`#220fa2`
RGB Decimal	34, 15, 162	`rgb(34,15,162)`
RGB Percent	13.3, 5.9, 63.5	`rgb(13.3%,5.9%,63.5%)`
CMYK	79, 91, 0, 36
HSL	247.8°, 83.1, 34.7	`hsl(247.8,83.1%,34.7%)`
HSV (or HSB)	247.8°, 90.7, 63.5
Web Safe	330099	`#330099`

CIE-LAB	21.169, 52.814, -72.168
XYZ	7.351, 3.29, 34.428
xyY	0.163, 0.073, 3.29
CIE-LCH	21.169, 89.429, 306.198
CIE-LUV	21.169, -3.867, -77.954
Hunter-Lab	18.138, 40.599, -99.842
Binary	00100010, 00001111, 10100010

#220fa2
```
#220fa2 rgb(34,15,162)
```
#8fa20f
```
#8fa20f rgb(143,162,15)
```

Complementary Color

#0f46a2
```
#0f46a2 rgb(15,70,162)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#6c0fa2
```
#6c0fa2 rgb(108,15,162)
```

Analogous Color

#46a20f
```
#46a20f rgb(70,162,15)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#a26c0f
```
#a26c0f rgb(162,108,15)
```

Split Complementary Color

#0fa222
```
#0fa222 rgb(15,162,34)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#a2220f
```
#a2220f rgb(162,34,15)
```

Triadic Color

#0f8fa2
```
#0f8fa2 rgb(15,143,162)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#a2220f
```
#a2220f rgb(162,34,15)
```
#8fa20f
```
#8fa20f rgb(143,162,15)
```

Tetradic Color

#13095c
```
#13095c rgb(19,9,92)
```
#180b73
```
#180b73 rgb(24,11,115)
```
#1d0d8b
```
#1d0d8b rgb(29,13,139)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#2711b9
```
#2711b9 rgb(39,17,185)
```
#2c13d1
```
#2c13d1 rgb(44,19,209)
```
#3115e8
```
#3115e8 rgb(49,21,232)
```

Monochromatic Color

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

#0f21a2
```
#0f21a2 rgb(15,33,162)
```
#0f15a2
```
#0f15a2 rgb(15,21,162)
```
#160fa2
```
#160fa2 rgb(22,15,162)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#2e0fa2
```
#2e0fa2 rgb(46,15,162)
```
#3a0fa2
```
#3a0fa2 rgb(58,15,162)
```
#470fa2
```
#470fa2 rgb(71,15,162)
```

Similar Colors

Text with hexadecimal color #220fa2

This text has a font color of #220fa2.

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

#220fa2 background color

This paragraph has a background color of #220fa2.

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

#220fa2 border color

This element has a border color of #220fa2.

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

CSS codes

.text {color:#220fa2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040212
```
#040212 rgb(4,2,18)
```
#080324
```
#080324 rgb(8,3,36)
```
#0b0536
```
#0b0536 rgb(11,5,54)
```
#0f0748
```
#0f0748 rgb(15,7,72)
```
#13085a
```
#13085a rgb(19,8,90)
```
#170a6c
```
#170a6c rgb(23,10,108)
```
#1a0c7e
```
#1a0c7e rgb(26,12,126)
```
#1e0d90
```
#1e0d90 rgb(30,13,144)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#2611b4
```
#2611b4 rgb(38,17,180)
```
#2a12c6
```
#2a12c6 rgb(42,18,198)
```
#2d14d8
```
#2d14d8 rgb(45,20,216)
```

Shade Color Variation

#3116e9
```
#3116e9 rgb(49,22,233)
```
#4128eb
```
#4128eb rgb(65,40,235)
```
#513aed
```
#513aed rgb(81,58,237)
```
#614cee
```
#614cee rgb(97,76,238)
```
#715ef0
```
#715ef0 rgb(113,94,240)
```
#8170f2
```
#8170f2 rgb(129,112,242)
```
#9082f3
```
#9082f3 rgb(144,130,243)
```
#a094f5
```
#a094f5 rgb(160,148,245)
```
#b0a6f7
```
#b0a6f7 rgb(176,166,247)
```
#c0b8f8
```
#c0b8f8 rgb(192,184,248)
```
#d0cafa
```
#d0cafa rgb(208,202,250)
```
#e0dcfc
```
#e0dcfc rgb(224,220,252)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```

Tint Color Variation

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

#54535e
```
#54535e rgb(84,83,94)
```
#4f4c65
```
#4f4c65 rgb(79,76,101)
```
#4a456c
```
#4a456c rgb(74,69,108)
```
#453f72
```
#453f72 rgb(69,63,114)
```
#403879
```
#403879 rgb(64,56,121)
```
#3b3180
```
#3b3180 rgb(59,49,128)
```
#362a87
```
#362a87 rgb(54,42,135)
```
#31238e
```
#31238e rgb(49,35,142)
```
#2c1d94
```
#2c1d94 rgb(44,29,148)
```
#27169b
```
#27169b rgb(39,22,155)
```
#220fa2
```
#220fa2 rgb(34,15,162)
```
#1d08a9
```
#1d08a9 rgb(29,8,169)
```
#1801b0
```
#1801b0 rgb(24,1,176)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#24213e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004346 Tritanopia 0.001% of the population

Trichromacy

#0c2b84 Protanomaly 1% of men, 0.01% of women
#0c2d7a Deuteranomaly 6% of men, 0.4% of women
#0c3067 Tritanomaly 0.01% of the population

#220fa2 hex color

#220fa2 Color Information

#220fa2 Color Conversion

Color Schemes with #220fa2

Alternatives to #220fa2

#220fa2 Preview

Shades and Tints of #220fa2

Tones of #220fa2

Color Blindness Simulator