#220bfa hex color

In a RGB color space, hex #220bfa is composed of 13.3% red, 4.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 95.6% magenta, 0% yellow and 2% black. It has a hue angle of 245.8 degrees, a saturation of 96% and a lightness of 51.2%. #220bfa color hex could be obtained by blending #4416ff with #0000f5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 4
- B 98
RGB color chart
- C 86
- M 96
- Y 0
- K 2
CMYK color chart

● #220bfa color description : Vivid blue.

The hexadecimal color #220bfa has RGB values of R:34, G:11, B:250 and CMYK values of C:0.86, M:0.96, Y:0, K:0.02. Its decimal value is 2231290.

Hex triplet	220bfa	`#220bfa`
RGB Decimal	34, 11, 250	`rgb(34,11,250)`
RGB Percent	13.3, 4.3, 98	`rgb(13.3%,4.3%,98%)`
CMYK	86, 96, 0, 2
HSL	245.8°, 96, 51.2	`hsl(245.8,96%,51.2%)`
HSV (or HSB)	245.8°, 95.6, 98
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.876, 76.625, -104.073
XYZ	18.031, 7.48, 90.931
xyY	0.155, 0.064, 7.48
CIE-LCH	32.876, 129.238, 306.363
CIE-LUV	32.876, -8.07, -128.77
Hunter-Lab	27.35, 69.818, -177.976
Binary	00100010, 00001011, 11111010

#220bfa
```
#220bfa rgb(34,11,250)
```
#e3fa0b
```
#e3fa0b rgb(227,250,11)
```

Complementary Color

#0b6cfa
```
#0b6cfa rgb(11,108,250)
```
#220bfa
```
#220bfa rgb(34,11,250)
```
#9a0bfa
```
#9a0bfa rgb(154,11,250)
```

Analogous Color

#6cfa0b
```
#6cfa0b rgb(108,250,11)
```
#220bfa
```
#220bfa rgb(34,11,250)
```
#fa9a0b
```
#fa9a0b rgb(250,154,11)
```

Split Complementary Color

#0bfa22
```
#0bfa22 rgb(11,250,34)
```
#220bfa
```
#220bfa rgb(34,11,250)
```
#fa220b
```
#fa220b rgb(250,34,11)
```

Triadic Color

#0be3fa
```
#0be3fa rgb(11,227,250)
```
#220bfa
```
#220bfa rgb(34,11,250)
```
#fa220b
```
#fa220b rgb(250,34,11)
```
#e3fa0b
```
#e3fa0b rgb(227,250,11)
```

Tetradic Color

#1504b5
```
#1504b5 rgb(21,4,181)
```
#1804ce
```
#1804ce rgb(24,4,206)
```
#1a05e7
```
#1a05e7 rgb(26,5,231)
```
#220bfa
```
#220bfa rgb(34,11,250)
```
#3924fb
```
#3924fb rgb(57,36,251)
```
#4f3dfb
```
#4f3dfb rgb(79,61,251)
```
#6656fc
```
#6656fc rgb(102,86,252)
```

Monochromatic Color

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

#0b30fa
```
#0b30fa rgb(11,48,250)
```
#0b1cfa
```
#0b1cfa rgb(11,28,250)
```
#0e0bfa
```
#0e0bfa rgb(14,11,250)
```
#220bfa
```
#220bfa rgb(34,11,250)
```
#360bfa
```
#360bfa rgb(54,11,250)
```
#4a0bfa
```
#4a0bfa rgb(74,11,250)
```
#5e0bfa
```
#5e0bfa rgb(94,11,250)
```

Similar Colors

Text with hexadecimal color #220bfa

This text has a font color of #220bfa.

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

#220bfa background color

This paragraph has a background color of #220bfa.

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

#220bfa border color

This element has a border color of #220bfa.

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

CSS codes

.text {color:#220bfa;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#030119
```
#030119 rgb(3,1,25)
```
#05012c
```
#05012c rgb(5,1,44)
```
#070140
```
#070140 rgb(7,1,64)
```
#090253
```
#090253 rgb(9,2,83)
```
#0c0266
```
#0c0266 rgb(12,2,102)
```
#0e0279
```
#0e0279 rgb(14,2,121)
```
#10038c
```
#10038c rgb(16,3,140)
```
#1203a0
```
#1203a0 rgb(18,3,160)
```
#1504b3
```
#1504b3 rgb(21,4,179)
```
#1704c6
```
#1704c6 rgb(23,4,198)
```
#1904d9
```
#1904d9 rgb(25,4,217)
```
#1b05ed
```
#1b05ed rgb(27,5,237)
```

Shade Color Variation

#220bfa
```
#220bfa rgb(34,11,250)
```
#331efa
```
#331efa rgb(51,30,250)
```
#4531fb
```
#4531fb rgb(69,49,251)
```
#5645fb
```
#5645fb rgb(86,69,251)
```
#6858fc
```
#6858fc rgb(104,88,252)
```
#796bfc
```
#796bfc rgb(121,107,252)
```
#8a7efc
```
#8a7efc rgb(138,126,252)
```
#9c92fd
```
#9c92fd rgb(156,146,253)
```
#ada5fd
```
#ada5fd rgb(173,165,253)
```
#bfb8fe
```
#bfb8fe rgb(191,184,254)
```
#d0cbfe
```
#d0cbfe rgb(208,203,254)
```
#e2defe
```
#e2defe rgb(226,222,254)
```
#f3f2ff
```
#f3f2ff rgb(243,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7e87 is the less saturated color, while #220bfa is the most saturated one.

#7f7e87
```
#7f7e87 rgb(127,126,135)
```
#777491
```
#777491 rgb(119,116,145)
```
#6f6b9a
```
#6f6b9a rgb(111,107,154)
```
#6861a4
```
#6861a4 rgb(104,97,164)
```
#6058ad
```
#6058ad rgb(96,88,173)
```
#584eb7
```
#584eb7 rgb(88,78,183)
```
#5044c1
```
#5044c1 rgb(80,68,193)
```
#493bca
```
#493bca rgb(73,59,202)
```
#4131d4
```
#4131d4 rgb(65,49,212)
```
#3928dd
```
#3928dd rgb(57,40,221)
```
#311ee7
```
#311ee7 rgb(49,30,231)
```
#2a15f0
```
#2a15f0 rgb(42,21,240)
```
#220bfa
```
#220bfa rgb(34,11,250)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2b2656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0c39c2 Protanomaly 1% of men, 0.01% of women
#0c3cb4 Deuteranomaly 6% of men, 0.4% of women
#0c4099 Tritanomaly 0.01% of the population

#220bfa hex color

#220bfa Color Information

#220bfa Color Conversion

Color Schemes with #220bfa

Alternatives to #220bfa

#220bfa Preview

Shades and Tints of #220bfa

Tones of #220bfa

Color Blindness Simulator