#220fde hex color

In a RGB color space, hex #220fde is composed of 13.3% red, 5.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 93.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 245.5 degrees, a saturation of 87.3% and a lightness of 46.5%. #220fde color hex could be obtained by blending #441eff with #0000bd. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 6
- B 87
RGB color chart
- C 85
- M 93
- Y 0
- K 13
CMYK color chart

● #220fde color description : Vivid blue.

The hexadecimal color #220fde has RGB values of R:34, G:15, B:222 and CMYK values of C:0.85, M:0.93, Y:0, K:0.13. Its decimal value is 2232286.

Hex triplet	220fde	`#220fde`
RGB Decimal	34, 15, 222	`rgb(34,15,222)`
RGB Percent	13.3, 5.9, 87.1	`rgb(13.3%,5.9%,87.1%)`
CMYK	85, 93, 0, 13
HSL	245.5°, 87.3, 46.5	`hsl(245.5,87.3%,46.5%)`
HSV (or HSB)	245.5°, 93.2, 87.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.298, 68.889, -94.114
XYZ	14.013, 5.955, 69.514
xyY	0.157, 0.067, 5.955
CIE-LCH	29.298, 116.633, 306.203
CIE-LUV	29.298, -6.9, -112.928
Hunter-Lab	24.402, 59.798, -151.817
Binary	00100010, 00001111, 11011110

#220fde
```
#220fde rgb(34,15,222)
```
#cbde0f
```
#cbde0f rgb(203,222,15)
```

Complementary Color

#0f64de
```
#0f64de rgb(15,100,222)
```
#220fde
```
#220fde rgb(34,15,222)
```
#8a0fde
```
#8a0fde rgb(138,15,222)
```

Analogous Color

#64de0f
```
#64de0f rgb(100,222,15)
```
#220fde
```
#220fde rgb(34,15,222)
```
#de8a0f
```
#de8a0f rgb(222,138,15)
```

Split Complementary Color

#0fde22
```
#0fde22 rgb(15,222,34)
```
#220fde
```
#220fde rgb(34,15,222)
```
#de220f
```
#de220f rgb(222,34,15)
```

Triadic Color

#0fcbde
```
#0fcbde rgb(15,203,222)
```
#220fde
```
#220fde rgb(34,15,222)
```
#de220f
```
#de220f rgb(222,34,15)
```
#cbde0f
```
#cbde0f rgb(203,222,15)
```

Tetradic Color

#170a96
```
#170a96 rgb(23,10,150)
```
#1b0cae
```
#1b0cae rgb(27,12,174)
```
#1e0dc6
```
#1e0dc6 rgb(30,13,198)
```
#220fde
```
#220fde rgb(34,15,222)
```
#2b17ef
```
#2b17ef rgb(43,23,239)
```
#412ff1
```
#412ff1 rgb(65,47,241)
```
#5747f3
```
#5747f3 rgb(87,71,243)
```

Monochromatic Color

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

#0f30de
```
#0f30de rgb(15,48,222)
```
#0f1fde
```
#0f1fde rgb(15,31,222)
```
#110fde
```
#110fde rgb(17,15,222)
```
#220fde
```
#220fde rgb(34,15,222)
```
#330fde
```
#330fde rgb(51,15,222)
```
#450fde
```
#450fde rgb(69,15,222)
```
#560fde
```
#560fde rgb(86,15,222)
```

Similar Colors

Text with hexadecimal color #220fde

This text has a font color of #220fde.

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

#220fde background color

This paragraph has a background color of #220fde.

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

#220fde border color

This element has a border color of #220fde.

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

CSS codes

.text {color:#220fde;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030114
```
#030114 rgb(3,1,20)
```
#060326
```
#060326 rgb(6,3,38)
```
#090439
```
#090439 rgb(9,4,57)
```
#0b054b
```
#0b054b rgb(11,5,75)
```
#0e065d
```
#0e065d rgb(14,6,93)
```
#110870
```
#110870 rgb(17,8,112)
```
#140982
```
#140982 rgb(20,9,130)
```
#170a95
```
#170a95 rgb(23,10,149)
```
#1a0ba7
```
#1a0ba7 rgb(26,11,167)
```
#1c0db9
```
#1c0db9 rgb(28,13,185)
```
#1f0ecc
```
#1f0ecc rgb(31,14,204)
```
#220fde
```
#220fde rgb(34,15,222)
```

Shade Color Variation

#2612ef
```
#2612ef rgb(38,18,239)
```
#3724f0
```
#3724f0 rgb(55,36,240)
```
#4836f1
```
#4836f1 rgb(72,54,241)
```
#5849f3
```
#5849f3 rgb(88,73,243)
```
#695bf4
```
#695bf4 rgb(105,91,244)
```
#7a6ef5
```
#7a6ef5 rgb(122,110,245)
```
#8b80f6
```
#8b80f6 rgb(139,128,246)
```
#9c92f8
```
#9c92f8 rgb(156,146,248)
```
#aca5f9
```
#aca5f9 rgb(172,165,249)
```
#bdb7fa
```
#bdb7fa rgb(189,183,250)
```
#cec9fb
```
#cec9fb rgb(206,201,251)
```
#dfdcfd
```
#dfdcfd rgb(223,220,253)
```
#f0eefe
```
#f0eefe rgb(240,238,254)
```

Tint Color Variation

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

#74737a
```
#74737a rgb(116,115,122)
```
#6c6a83
```
#6c6a83 rgb(108,106,131)
```
#65618c
```
#65618c rgb(101,97,140)
```
#5e5895
```
#5e5895 rgb(94,88,149)
```
#564f9e
```
#564f9e rgb(86,79,158)
```
#4f46a7
```
#4f46a7 rgb(79,70,167)
```
#473db0
```
#473db0 rgb(71,61,176)
```
#4033ba
```
#4033ba rgb(64,51,186)
```
#382ac3
```
#382ac3 rgb(56,42,195)
```
#3121cc
```
#3121cc rgb(49,33,204)
```
#2918d5
```
#2918d5 rgb(41,24,213)
```
#220fde
```
#220fde rgb(34,15,222)
```
#1b06e7
```
#1b06e7 rgb(27,6,231)
```

Tone Color Variation

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

Dichromacy

#004c94 Protanopia 1% of men
#00517f Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#0c36af Protanomaly 1% of men, 0.01% of women
#0c39a2 Deuteranomaly 6% of men, 0.4% of women
#0c3c8a Tritanomaly 0.01% of the population

#220fde hex color

#220fde Color Information

#220fde Color Conversion

Color Schemes with #220fde

Alternatives to #220fde

#220fde Preview

Shades and Tints of #220fde

Tones of #220fde

Color Blindness Simulator