#220f8e hex color

In a RGB color space, hex #220f8e is composed of 13.3% red, 5.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 89.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 249 degrees, a saturation of 80.9% and a lightness of 30.8%. #220f8e color hex could be obtained by blending #441eff with #00001d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 6
- B 56
RGB color chart
- C 76
- M 89
- Y 0
- K 44
CMYK color chart

● #220f8e color description : Dark blue.

The hexadecimal color #220f8e has RGB values of R:34, G:15, B:142 and CMYK values of C:0.76, M:0.89, Y:0, K:0.44. Its decimal value is 2232206.

Hex triplet	220f8e	`#220f8e`
RGB Decimal	34, 15, 142	`rgb(34,15,142)`
RGB Percent	13.3, 5.9, 55.7	`rgb(13.3%,5.9%,55.7%)`
CMYK	76, 89, 0, 44
HSL	249°, 80.9, 30.8	`hsl(249,80.9%,30.8%)`
HSV (or HSB)	249°, 89.4, 55.7
Web Safe	330099	`#330099`

CIE-LAB	18.516, 47.074, -64.246
XYZ	5.712, 2.634, 25.797
xyY	0.167, 0.077, 2.634
CIE-LCH	18.516, 79.646, 306.231
CIE-LUV	18.516, -2.77, -66.189
Hunter-Lab	16.231, 34.415, -82.873
Binary	00100010, 00001111, 10001110

#220f8e
```
#220f8e rgb(34,15,142)
```
#7b8e0f
```
#7b8e0f rgb(123,142,15)
```

Complementary Color

#0f3c8e
```
#0f3c8e rgb(15,60,142)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#620f8e
```
#620f8e rgb(98,15,142)
```

Analogous Color

#3c8e0f
```
#3c8e0f rgb(60,142,15)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#8e610f
```
#8e610f rgb(142,97,15)
```

Split Complementary Color

#0f8e22
```
#0f8e22 rgb(15,142,34)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#8e220f
```
#8e220f rgb(142,34,15)
```

Triadic Color

#0f7b8e
```
#0f7b8e rgb(15,123,142)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#8e220f
```
#8e220f rgb(142,34,15)
```
#7b8e0f
```
#7b8e0f rgb(123,142,15)
```

Tetradic Color

#110849
```
#110849 rgb(17,8,73)
```
#170a60
```
#170a60 rgb(23,10,96)
```
#1c0d77
```
#1c0d77 rgb(28,13,119)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#2811a5
```
#2811a5 rgb(40,17,165)
```
#2d14bc
```
#2d14bc rgb(45,20,188)
```
#3316d3
```
#3316d3 rgb(51,22,211)
```

Monochromatic Color

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

#0f1c8e
```
#0f1c8e rgb(15,28,142)
```
#0f118e
```
#0f118e rgb(15,17,142)
```
#170f8e
```
#170f8e rgb(23,15,142)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#2d0f8e
```
#2d0f8e rgb(45,15,142)
```
#370f8e
```
#370f8e rgb(55,15,142)
```
#420f8e
```
#420f8e rgb(66,15,142)
```

Similar Colors

Text with hexadecimal color #220f8e

This text has a font color of #220f8e.

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

#220f8e background color

This paragraph has a background color of #220f8e.

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

#220f8e border color

This element has a border color of #220f8e.

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

CSS codes

.text {color:#220f8e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040212
```
#040212 rgb(4,2,18)
```
#090424
```
#090424 rgb(9,4,36)
```
#0d0635
```
#0d0635 rgb(13,6,53)
```
#110847
```
#110847 rgb(17,8,71)
```
#150959
```
#150959 rgb(21,9,89)
```
#1a0b6b
```
#1a0b6b rgb(26,11,107)
```
#1e0d7c
```
#1e0d7c rgb(30,13,124)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#2611a0
```
#2611a0 rgb(38,17,160)
```
#2a13b1
```
#2a13b1 rgb(42,19,177)
```
#2f15c3
```
#2f15c3 rgb(47,21,195)
```
#3316d5
```
#3316d5 rgb(51,22,213)
```

Shade Color Variation

#3718e7
```
#3718e7 rgb(55,24,231)
```
#472ae9
```
#472ae9 rgb(71,42,233)
```
#563cea
```
#563cea rgb(86,60,234)
```
#654eec
```
#654eec rgb(101,78,236)
```
#755fee
```
#755fee rgb(117,95,238)
```
#8471f0
```
#8471f0 rgb(132,113,240)
```
#9383f2
```
#9383f2 rgb(147,131,242)
```
#a395f4
```
#a395f4 rgb(163,149,244)
```
#b2a6f6
```
#b2a6f6 rgb(178,166,246)
```
#c2b8f8
```
#c2b8f8 rgb(194,184,248)
```
#d1caf9
```
#d1caf9 rgb(209,202,249)
```
#e0dcfb
```
#e0dcfb rgb(224,220,251)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```

Tint Color Variation

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

#4c4b52
```
#4c4b52 rgb(76,75,82)
```
#484558
```
#484558 rgb(72,69,88)
```
#443f5e
```
#443f5e rgb(68,63,94)
```
#403964
```
#403964 rgb(64,57,100)
```
#3b336a
```
#3b336a rgb(59,51,106)
```
#372d70
```
#372d70 rgb(55,45,112)
```
#332776
```
#332776 rgb(51,39,118)
```
#2f217c
```
#2f217c rgb(47,33,124)
```
#2a1b82
```
#2a1b82 rgb(42,27,130)
```
#261588
```
#261588 rgb(38,21,136)
```
#220f8e
```
#220f8e rgb(34,15,142)
```
#1e0994
```
#1e0994 rgb(30,9,148)
```
#1a039a
```
#1a039a rgb(26,3,154)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#231f38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003669 Protanopia 1% of men
#00395b Deuteranopia 1% of men
#003d40 Tritanopia 0.001% of the population

Trichromacy

#0c2876 Protanomaly 1% of men, 0.01% of women
#0c2a6d Deuteranomaly 6% of men, 0.4% of women
#0c2c5c Tritanomaly 0.01% of the population

#220f8e hex color

#220f8e Color Information

#220f8e Color Conversion

Color Schemes with #220f8e

Alternatives to #220f8e

#220f8e Preview

Shades and Tints of #220f8e

Tones of #220f8e

Color Blindness Simulator