#220fb0 hex color

In a RGB color space, hex #220fb0 is composed of 13.3% red, 5.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 91.5% magenta, 0% yellow and 31% black. It has a hue angle of 247.1 degrees, a saturation of 84.3% and a lightness of 37.5%. #220fb0 color hex could be obtained by blending #441eff with #000061. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 6
- B 69
RGB color chart
- C 81
- M 91
- Y 0
- K 31
CMYK color chart

● #220fb0 color description : Dark blue.

The hexadecimal color #220fb0 has RGB values of R:34, G:15, B:176 and CMYK values of C:0.81, M:0.91, Y:0, K:0.31. Its decimal value is 2232240.

Hex triplet	220fb0	`#220fb0`
RGB Decimal	34, 15, 176	`rgb(34,15,176)`
RGB Percent	13.3, 5.9, 69	`rgb(13.3%,5.9%,69%)`
CMYK	81, 91, 0, 31
HSL	247.1°, 84.3, 37.5	`hsl(247.1,84.3%,37.5%)`
HSV (or HSB)	247.1°, 91.5, 69
Web Safe	330099	`#330099`

CIE-LAB	23.053, 56.706, -77.503
XYZ	8.665, 3.816, 41.352
xyY	0.161, 0.071, 3.816
CIE-LCH	23.053, 96.033, 306.192
CIE-LUV	23.053, -4.606, -86.174
Hunter-Lab	19.534, 45, -111.838
Binary	00100010, 00001111, 10110000

#220fb0
```
#220fb0 rgb(34,15,176)
```
#9db00f
```
#9db00f rgb(157,176,15)
```

Complementary Color

#0f4db0
```
#0f4db0 rgb(15,77,176)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#730fb0
```
#730fb0 rgb(115,15,176)
```

Analogous Color

#4db00f
```
#4db00f rgb(77,176,15)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#b0730f
```
#b0730f rgb(176,115,15)
```

Split Complementary Color

#0fb022
```
#0fb022 rgb(15,176,34)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#b0220f
```
#b0220f rgb(176,34,15)
```

Triadic Color

#0f9db0
```
#0f9db0 rgb(15,157,176)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#b0220f
```
#b0220f rgb(176,34,15)
```
#9db00f
```
#9db00f rgb(157,176,15)
```

Tetradic Color

#14096a
```
#14096a rgb(20,9,106)
```
#190b81
```
#190b81 rgb(25,11,129)
```
#1d0d99
```
#1d0d99 rgb(29,13,153)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#2711c7
```
#2711c7 rgb(39,17,199)
```
#2b13df
```
#2b13df rgb(43,19,223)
```
#3820ec
```
#3820ec rgb(56,32,236)
```

Monochromatic Color

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

#0f24b0
```
#0f24b0 rgb(15,36,176)
```
#0f17b0
```
#0f17b0 rgb(15,23,176)
```
#150fb0
```
#150fb0 rgb(21,15,176)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#2f0fb0
```
#2f0fb0 rgb(47,15,176)
```
#3d0fb0
```
#3d0fb0 rgb(61,15,176)
```
#4a0fb0
```
#4a0fb0 rgb(74,15,176)
```

Similar Colors

Text with hexadecimal color #220fb0

This text has a font color of #220fb0.

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

#220fb0 background color

This paragraph has a background color of #220fb0.

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

#220fb0 border color

This element has a border color of #220fb0.

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

CSS codes

.text {color:#220fb0;}

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

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

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

#03010d
```
#03010d rgb(3,1,13)
```
#06031f
```
#06031f rgb(6,3,31)
```
#0a0431
```
#0a0431 rgb(10,4,49)
```
#0d0644
```
#0d0644 rgb(13,6,68)
```
#110756
```
#110756 rgb(17,7,86)
```
#140968
```
#140968 rgb(20,9,104)
```
#180a7a
```
#180a7a rgb(24,10,122)
```
#1b0c8c
```
#1b0c8c rgb(27,12,140)
```
#1f0d9e
```
#1f0d9e rgb(31,13,158)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#2511c2
```
#2511c2 rgb(37,17,194)
```
#2912d4
```
#2912d4 rgb(41,18,212)
```
#2c14e6
```
#2c14e6 rgb(44,20,230)
```

Shade Color Variation

#3921ec
```
#3921ec rgb(57,33,236)
```
#4933ee
```
#4933ee rgb(73,51,238)
```
#5a46ef
```
#5a46ef rgb(90,70,239)
```
#6a58f1
```
#6a58f1 rgb(106,88,241)
```
#7a6af2
```
#7a6af2 rgb(122,106,242)
```
#8a7cf4
```
#8a7cf4 rgb(138,124,244)
```
#9a8ef5
```
#9a8ef5 rgb(154,142,245)
```
#aaa0f7
```
#aaa0f7 rgb(170,160,247)
```
#bab2f8
```
#bab2f8 rgb(186,178,248)
```
#cac4fa
```
#cac4fa rgb(202,196,250)
```
#dbd6fc
```
#dbd6fc rgb(219,214,252)
```
#ebe8fd
```
#ebe8fd rgb(235,232,253)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#5a5867
```
#5a5867 rgb(90,88,103)
```
#55516e
```
#55516e rgb(85,81,110)
```
#4f4a75
```
#4f4a75 rgb(79,74,117)
```
#49427d
```
#49427d rgb(73,66,125)
```
#443b84
```
#443b84 rgb(68,59,132)
```
#3e348b
```
#3e348b rgb(62,52,139)
```
#382c93
```
#382c93 rgb(56,44,147)
```
#33259a
```
#33259a rgb(51,37,154)
```
#2d1ea1
```
#2d1ea1 rgb(45,30,161)
```
#2816a9
```
#2816a9 rgb(40,22,169)
```
#220fb0
```
#220fb0 rgb(34,15,176)
```
#1c08b7
```
#1c08b7 rgb(28,8,183)
```
#1700bf
```
#1700bf rgb(23,0,191)
```

Tone Color Variation

Below, you can see how #220fb0 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
#262242 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00436a Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#0c2d8e Protanomaly 1% of men, 0.01% of women
#0c3083 Deuteranomaly 6% of men, 0.4% of women
#0c336f Tritanomaly 0.01% of the population

#220fb0 hex color

#220fb0 Color Information

#220fb0 Color Conversion

Color Schemes with #220fb0

Alternatives to #220fb0

#220fb0 Preview

Shades and Tints of #220fb0

Tones of #220fb0

Color Blindness Simulator