#220bf0 hex color

In a RGB color space, hex #220bf0 is composed of 13.3% red, 4.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 95.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 246 degrees, a saturation of 91.2% and a lightness of 49.2%. #220bf0 color hex could be obtained by blending #4416ff with #0000e1. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 4
- B 94
RGB color chart
- C 86
- M 95
- Y 0
- K 6
CMYK color chart

● #220bf0 color description : Vivid blue.

The hexadecimal color #220bf0 has RGB values of R:34, G:11, B:240 and CMYK values of C:0.86, M:0.95, Y:0, K:0.06. Its decimal value is 2231280.

Hex triplet	220bf0	`#220bf0`
RGB Decimal	34, 11, 240	`rgb(34,11,240)`
RGB Percent	13.3, 4.3, 94.1	`rgb(13.3%,4.3%,94.1%)`
CMYK	86, 95, 0, 6
HSL	246°, 91.2, 49.2	`hsl(246,91.2%,49.2%)`
HSV (or HSB)	246°, 95.4, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.508, 74.173, -100.707
XYZ	16.504, 6.87, 82.889
xyY	0.155, 0.065, 6.87
CIE-LCH	31.508, 125.074, 306.372
CIE-LUV	31.508, -7.598, -123.057
Hunter-Lab	26.21, 66.535, -169.16
Binary	00100010, 00001011, 11110000

#220bf0
```
#220bf0 rgb(34,11,240)
```
#d9f00b
```
#d9f00b rgb(217,240,11)
```

Complementary Color

#0b67f0
```
#0b67f0 rgb(11,103,240)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#950bf0
```
#950bf0 rgb(149,11,240)
```

Analogous Color

#67f00b
```
#67f00b rgb(103,240,11)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#f0950b
```
#f0950b rgb(240,149,11)
```

Split Complementary Color

#0bf022
```
#0bf022 rgb(11,240,34)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#f0220b
```
#f0220b rgb(240,34,11)
```

Triadic Color

#0bd9f0
```
#0bd9f0 rgb(11,217,240)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#f0220b
```
#f0220b rgb(240,34,11)
```
#d9f00b
```
#d9f00b rgb(217,240,11)
```

Tetradic Color

#1808a7
```
#1808a7 rgb(24,8,167)
```
#1b09bf
```
#1b09bf rgb(27,9,191)
```
#1f0ad8
```
#1f0ad8 rgb(31,10,216)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#3520f5
```
#3520f5 rgb(53,32,245)
```
#4b38f6
```
#4b38f6 rgb(75,56,246)
```
#6150f7
```
#6150f7 rgb(97,80,247)
```

Monochromatic Color

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

#0b2df0
```
#0b2df0 rgb(11,45,240)
```
#0b1af0
```
#0b1af0 rgb(11,26,240)
```
#0f0bf0
```
#0f0bf0 rgb(15,11,240)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#350bf0
```
#350bf0 rgb(53,11,240)
```
#480bf0
```
#480bf0 rgb(72,11,240)
```
#5b0bf0
```
#5b0bf0 rgb(91,11,240)
```

Similar Colors

Text with hexadecimal color #220bf0

This text has a font color of #220bf0.

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

#220bf0 background color

This paragraph has a background color of #220bf0.

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

#220bf0 border color

This element has a border color of #220bf0.

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

CSS codes

.text {color:#220bf0;}

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

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

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

#02010f
```
#02010f rgb(2,1,15)
```
#050222
```
#050222 rgb(5,2,34)
```
#070234
```
#070234 rgb(7,2,52)
```
#0a0347
```
#0a0347 rgb(10,3,71)
```
#0d045a
```
#0d045a rgb(13,4,90)
```
#0f056d
```
#0f056d rgb(15,5,109)
```
#12067f
```
#12067f rgb(18,6,127)
```
#150792
```
#150792 rgb(21,7,146)
```
#1708a5
```
#1708a5 rgb(23,8,165)
```
#1a08b8
```
#1a08b8 rgb(26,8,184)
```
#1d09ca
```
#1d09ca rgb(29,9,202)
```
#1f0add
```
#1f0add rgb(31,10,221)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```

Shade Color Variation

#301af5
```
#301af5 rgb(48,26,245)
```
#412df5
```
#412df5 rgb(65,45,245)
```
#5240f6
```
#5240f6 rgb(82,64,246)
```
#6352f7
```
#6352f7 rgb(99,82,247)
```
#7465f8
```
#7465f8 rgb(116,101,248)
```
#8578f9
```
#8578f9 rgb(133,120,249)
```
#968bfa
```
#968bfa rgb(150,139,250)
```
#a79dfb
```
#a79dfb rgb(167,157,251)
```
#b8b0fb
```
#b8b0fb rgb(184,176,251)
```
#c9c3fc
```
#c9c3fc rgb(201,195,252)
```
#dad6fd
```
#dad6fd rgb(218,214,253)
```
#ebe8fe
```
#ebe8fe rgb(235,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#777586
```
#777586 rgb(119,117,134)
```
#6f6c8f
```
#6f6c8f rgb(111,108,143)
```
#676299
```
#676299 rgb(103,98,153)
```
#6058a3
```
#6058a3 rgb(96,88,163)
```
#584fac
```
#584fac rgb(88,79,172)
```
#5045b6
```
#5045b6 rgb(80,69,182)
```
#493bc0
```
#493bc0 rgb(73,59,192)
```
#4132c9
```
#4132c9 rgb(65,50,201)
```
#3928d3
```
#3928d3 rgb(57,40,211)
```
#311edd
```
#311edd rgb(49,30,221)
```
#2a15e6
```
#2a15e6 rgb(42,21,230)
```
#220bf0
```
#220bf0 rgb(34,11,240)
```
#1a01fa
```
#1a01fa rgb(26,1,250)
```

Tone Color Variation

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

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0c37bb Protanomaly 1% of men, 0.01% of women
#0c3aad Deuteranomaly 6% of men, 0.4% of women
#0c3e94 Tritanomaly 0.01% of the population

#220bf0 hex color

#220bf0 Color Information

#220bf0 Color Conversion

Color Schemes with #220bf0

Alternatives to #220bf0

#220bf0 Preview

Shades and Tints of #220bf0

Tones of #220bf0

Color Blindness Simulator