colorhexa.com

#220fb4 hex color

In a RGB color space, hex #220fb4 is composed of 13.3% red, 5.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 91.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 246.9 degrees, a saturation of 84.6% and a lightness of 38.2%. #220fb4 color hex could be obtained by blending #441eff with #000069. Closest websafe color is: #3300cc.

- R 13
- G 6
- B 71
RGB color chart
- C 81
- M 92
- Y 0
- K 29
CMYK color chart

● #220fb4 color description : Strong blue.

The hexadecimal color #220fb4 has RGB values of R:34, G:15, B:180 and CMYK values of C:0.81, M:0.92, Y:0, K:0.29. Its decimal value is 2232244.

Hex triplet	220fb4	`#220fb4`
RGB Decimal	34, 15, 180	`rgb(34,15,180)`
RGB Percent	13.3, 5.9, 70.6	`rgb(13.3%,5.9%,70.6%)`
CMYK	81, 92, 0, 29
HSL	246.9°, 84.6, 38.2	`hsl(246.9,84.6%,38.2%)`
HSV (or HSB)	246.9°, 91.7, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	23.593, 57.801, -79
XYZ	9.067, 3.976, 43.467
xyY	0.16, 0.07, 3.976
CIE-LCH	23.593, 97.887, 306.191
CIE-LUV	23.593, -4.813, -88.518
Hunter-Lab	19.941, 46.267, -115.281
Binary	00100010, 00001111, 10110100

#220fb4
```
#220fb4 rgb(34,15,180)
```
#a1b40f
```
#a1b40f rgb(161,180,15)
```

Complementary Color

#0f4fb4
```
#0f4fb4 rgb(15,79,180)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#750fb4
```
#750fb4 rgb(117,15,180)
```

Analogous Color

#4fb40f
```
#4fb40f rgb(79,180,15)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#b4750f
```
#b4750f rgb(180,117,15)
```

Split Complementary Color

#0fb422
```
#0fb422 rgb(15,180,34)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#b4220f
```
#b4220f rgb(180,34,15)
```

Triadic Color

#0fa1b4
```
#0fa1b4 rgb(15,161,180)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#b4220f
```
#b4220f rgb(180,34,15)
```
#a1b40f
```
#a1b40f rgb(161,180,15)
```

Tetradic Color

#15096d
```
#15096d rgb(21,9,109)
```
#190b85
```
#190b85 rgb(25,11,133)
```
#1e0d9c
```
#1e0d9c rgb(30,13,156)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#2611cc
```
#2611cc rgb(38,17,204)
```
#2b13e3
```
#2b13e3 rgb(43,19,227)
```
#3a23ed
```
#3a23ed rgb(58,35,237)
```

Monochromatic Color

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

#0f25b4
```
#0f25b4 rgb(15,37,180)
```
#0f18b4
```
#0f18b4 rgb(15,24,180)
```
#140fb4
```
#140fb4 rgb(20,15,180)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#300fb4
```
#300fb4 rgb(48,15,180)
```
#3d0fb4
```
#3d0fb4 rgb(61,15,180)
```
#4b0fb4
```
#4b0fb4 rgb(75,15,180)
```

Similar Colors

Text with hexadecimal color #220fb4

This text has a font color of #220fb4.

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

#220fb4 background color

This paragraph has a background color of #220fb4.

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

#220fb4 border color

This element has a border color of #220fb4.

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

CSS codes

.text {color:#220fb4;}

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

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

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

#030111
```
#030111 rgb(3,1,17)
```
#070323
```
#070323 rgb(7,3,35)
```
#0a0435
```
#0a0435 rgb(10,4,53)
```
#0d0647
```
#0d0647 rgb(13,6,71)
```
#110759
```
#110759 rgb(17,7,89)
```
#14096c
```
#14096c rgb(20,9,108)
```
#180a7e
```
#180a7e rgb(24,10,126)
```
#1b0c90
```
#1b0c90 rgb(27,12,144)
```
#1f0da2
```
#1f0da2 rgb(31,13,162)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#2511c6
```
#2511c6 rgb(37,17,198)
```
#2912d8
```
#2912d8 rgb(41,18,216)
```
#2c14ea
```
#2c14ea rgb(44,20,234)
```

Shade Color Variation

#3c25ed
```
#3c25ed rgb(60,37,237)
```
#4c37ee
```
#4c37ee rgb(76,55,238)
```
#5c49f0
```
#5c49f0 rgb(92,73,240)
```
#6c5bf1
```
#6c5bf1 rgb(108,91,241)
```
#7c6df3
```
#7c6df3 rgb(124,109,243)
```
#8d7ff4
```
#8d7ff4 rgb(141,127,244)
```
#9d91f6
```
#9d91f6 rgb(157,145,246)
```
#ada3f7
```
#ada3f7 rgb(173,163,247)
```
#bdb6f9
```
#bdb6f9 rgb(189,182,249)
```
#cdc8fa
```
#cdc8fa rgb(205,200,250)
```
#dedafc
```
#dedafc rgb(222,218,252)
```
#eeecfd
```
#eeecfd rgb(238,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c5a69
```
#5c5a69 rgb(92,90,105)
```
#565371
```
#565371 rgb(86,83,113)
```
#504b78
```
#504b78 rgb(80,75,120)
```
#4a4480
```
#4a4480 rgb(74,68,128)
```
#453c87
```
#453c87 rgb(69,60,135)
```
#3f358f
```
#3f358f rgb(63,53,143)
```
#392d96
```
#392d96 rgb(57,45,150)
```
#33269e
```
#33269e rgb(51,38,158)
```
#2e1ea5
```
#2e1ea5 rgb(46,30,165)
```
#2817ad
```
#2817ad rgb(40,23,173)
```
#220fb4
```
#220fb4 rgb(34,15,180)
```
#1c08bc
```
#1c08bc rgb(28,8,188)
```
#1600c3
```
#1600c3 rgb(22,0,195)
```

Tone Color Variation

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

Dichromacy

#00407d Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#0c2e91 Protanomaly 1% of men, 0.01% of women
#0c3186 Deuteranomaly 6% of men, 0.4% of women
#0c3472 Tritanomaly 0.01% of the population