#220fbc hex color

In a RGB color space, hex #220fbc is composed of 13.3% red, 5.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 92% magenta, 0% yellow and 26.3% black. It has a hue angle of 246.6 degrees, a saturation of 85.2% and a lightness of 39.8%. #220fbc color hex could be obtained by blending #441eff with #000079. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 6
- B 74
RGB color chart
- C 82
- M 92
- Y 0
- K 26
CMYK color chart

● #220fbc color description : Strong blue.

The hexadecimal color #220fbc has RGB values of R:34, G:15, B:188 and CMYK values of C:0.82, M:0.92, Y:0, K:0.26. Its decimal value is 2232252.

Hex triplet	220fbc	`#220fbc`
RGB Decimal	34, 15, 188	`rgb(34,15,188)`
RGB Percent	13.3, 5.9, 73.7	`rgb(13.3%,5.9%,73.7%)`
CMYK	82, 92, 0, 26
HSL	246.6°, 85.2, 39.8	`hsl(246.6,85.2%,39.8%)`
HSV (or HSB)	246.6°, 92, 73.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.677, 59.968, -81.96
XYZ	9.906, 4.312, 47.884
xyY	0.16, 0.069, 4.312
CIE-LCH	24.677, 101.556, 306.192
CIE-LUV	24.677, -5.222, -93.197
Hunter-Lab	20.765, 48.813, -122.187
Binary	00100010, 00001111, 10111100

#220fbc
```
#220fbc rgb(34,15,188)
```
#a9bc0f
```
#a9bc0f rgb(169,188,15)
```

Complementary Color

#0f53bc
```
#0f53bc rgb(15,83,188)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#790fbc
```
#790fbc rgb(121,15,188)
```

Analogous Color

#53bc0f
```
#53bc0f rgb(83,188,15)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#bc790f
```
#bc790f rgb(188,121,15)
```

Split Complementary Color

#0fbc22
```
#0fbc22 rgb(15,188,34)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#bc220f
```
#bc220f rgb(188,34,15)
```

Triadic Color

#0fa9bc
```
#0fa9bc rgb(15,169,188)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#bc220f
```
#bc220f rgb(188,34,15)
```
#a9bc0f
```
#a9bc0f rgb(169,188,15)
```

Tetradic Color

#150975
```
#150975 rgb(21,9,117)
```
#190b8d
```
#190b8d rgb(25,11,141)
```
#1e0da4
```
#1e0da4 rgb(30,13,164)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#2611d4
```
#2611d4 rgb(38,17,212)
```
#2b13eb
```
#2b13eb rgb(43,19,235)
```
#3f2aee
```
#3f2aee rgb(63,42,238)
```

Monochromatic Color

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

#0f27bc
```
#0f27bc rgb(15,39,188)
```
#0f19bc
```
#0f19bc rgb(15,25,188)
```
#140fbc
```
#140fbc rgb(20,15,188)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#300fbc
```
#300fbc rgb(48,15,188)
```
#3f0fbc
```
#3f0fbc rgb(63,15,188)
```
#4d0fbc
```
#4d0fbc rgb(77,15,188)
```

Similar Colors

Text with hexadecimal color #220fbc

This text has a font color of #220fbc.

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

#220fbc background color

This paragraph has a background color of #220fbc.

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

#220fbc border color

This element has a border color of #220fbc.

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

CSS codes

.text {color:#220fbc;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#040219
```
#040219 rgb(4,2,25)
```
#08032b
```
#08032b rgb(8,3,43)
```
#0b053d
```
#0b053d rgb(11,5,61)
```
#0e064f
```
#0e064f rgb(14,6,79)
```
#120861
```
#120861 rgb(18,8,97)
```
#150973
```
#150973 rgb(21,9,115)
```
#180b86
```
#180b86 rgb(24,11,134)
```
#1b0c98
```
#1b0c98 rgb(27,12,152)
```
#1f0eaa
```
#1f0eaa rgb(31,14,170)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#2510ce
```
#2510ce rgb(37,16,206)
```
#2912e0
```
#2912e0 rgb(41,18,224)
```

Shade Color Variation

#3019ed
```
#3019ed rgb(48,25,237)
```
#412bee
```
#412bee rgb(65,43,238)
```
#513ef0
```
#513ef0 rgb(81,62,240)
```
#6150f1
```
#6150f1 rgb(97,80,241)
```
#7262f2
```
#7262f2 rgb(114,98,242)
```
#8274f4
```
#8274f4 rgb(130,116,244)
```
#9286f5
```
#9286f5 rgb(146,134,245)
```
#a398f7
```
#a398f7 rgb(163,152,247)
```
#b3abf8
```
#b3abf8 rgb(179,171,248)
```
#c3bdfa
```
#c3bdfa rgb(195,189,250)
```
#d4cffb
```
#d4cffb rgb(212,207,251)
```
#e4e1fd
```
#e4e1fd rgb(228,225,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

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

#656566
```
#656566 rgb(101,101,102)
```
#5f5d6e
```
#5f5d6e rgb(95,93,110)
```
#595576
```
#595576 rgb(89,85,118)
```
#534d7e
```
#534d7e rgb(83,77,126)
```
#4d4685
```
#4d4685 rgb(77,70,133)
```
#473e8d
```
#473e8d rgb(71,62,141)
```
#403695
```
#403695 rgb(64,54,149)
```
#3a2e9d
```
#3a2e9d rgb(58,46,157)
```
#3426a5
```
#3426a5 rgb(52,38,165)
```
#2e1fac
```
#2e1fac rgb(46,31,172)
```
#2817b4
```
#2817b4 rgb(40,23,180)
```
#220fbc
```
#220fbc rgb(34,15,188)
```
#1c07c4
```
#1c07c4 rgb(28,7,196)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#272346 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#0c3096 Protanomaly 1% of men, 0.01% of women
#0c328b Deuteranomaly 6% of men, 0.4% of women
#0c3576 Tritanomaly 0.01% of the population

#220fbc hex color

#220fbc Color Information

#220fbc Color Conversion

Color Schemes with #220fbc

Alternatives to #220fbc

#220fbc Preview

Shades and Tints of #220fbc

Tones of #220fbc

Color Blindness Simulator