#220dfd hex color

In a RGB color space, hex #220dfd is composed of 13.3% red, 5.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 94.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 245.3 degrees, a saturation of 98.4% and a lightness of 52.2%. #220dfd color hex could be obtained by blending #441aff with #0000fb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 5
- B 99
RGB color chart
- C 87
- M 95
- Y 0
- K 1
CMYK color chart

● #220dfd color description : Vivid blue.

The hexadecimal color #220dfd has RGB values of R:34, G:13, B:253 and CMYK values of C:0.87, M:0.95, Y:0, K:0.01. Its decimal value is 2231805.

Hex triplet	220dfd	`#220dfd`
RGB Decimal	34, 13, 253	`rgb(34,13,253)`
RGB Percent	13.3, 5.1, 99.2	`rgb(13.3%,5.1%,99.2%)`
CMYK	87, 95, 0, 1
HSL	245.3°, 98.4, 52.2	`hsl(245.3,98.4%,52.2%)`
HSV (or HSB)	245.3°, 94.9, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.389, 77.036, -104.902
XYZ	18.53, 7.718, 93.436
xyY	0.155, 0.064, 7.718
CIE-LCH	33.389, 130.15, 306.292
CIE-LUV	33.389, -8.279, -130.563
Hunter-Lab	27.782, 70.435, -179.956
Binary	00100010, 00001101, 11111101

#220dfd
```
#220dfd rgb(34,13,253)
```
#e8fd0d
```
#e8fd0d rgb(232,253,13)
```

Complementary Color

#0d70fd
```
#0d70fd rgb(13,112,253)
```
#220dfd
```
#220dfd rgb(34,13,253)
```
#9a0dfd
```
#9a0dfd rgb(154,13,253)
```

Analogous Color

#70fd0d
```
#70fd0d rgb(112,253,13)
```
#220dfd
```
#220dfd rgb(34,13,253)
```
#fd9a0d
```
#fd9a0d rgb(253,154,13)
```

Split Complementary Color

#0dfd22
```
#0dfd22 rgb(13,253,34)
```
#220dfd
```
#220dfd rgb(34,13,253)
```
#fd220d
```
#fd220d rgb(253,34,13)
```

Triadic Color

#0de8fd
```
#0de8fd rgb(13,232,253)
```
#220dfd
```
#220dfd rgb(34,13,253)
```
#fd220d
```
#fd220d rgb(253,34,13)
```
#e8fd0d
```
#e8fd0d rgb(232,253,13)
```

Tetradic Color

#1202bc
```
#1202bc rgb(18,2,188)
```
#1402d5
```
#1402d5 rgb(20,2,213)
```
#1702ef
```
#1702ef rgb(23,2,239)
```
#220dfd
```
#220dfd rgb(34,13,253)
```
#3926fd
```
#3926fd rgb(57,38,253)
```
#5040fd
```
#5040fd rgb(80,64,253)
```
#6759fe
```
#6759fe rgb(103,89,254)
```

Monochromatic Color

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

#0d34fd
```
#0d34fd rgb(13,52,253)
```
#0d20fd
```
#0d20fd rgb(13,32,253)
```
#0e0dfd
```
#0e0dfd rgb(14,13,253)
```
#220dfd
```
#220dfd rgb(34,13,253)
```
#360dfd
```
#360dfd rgb(54,13,253)
```
#4a0dfd
```
#4a0dfd rgb(74,13,253)
```
#5e0dfd
```
#5e0dfd rgb(94,13,253)
```

Similar Colors

Text with hexadecimal color #220dfd

This text has a font color of #220dfd.

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

#220dfd background color

This paragraph has a background color of #220dfd.

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

#220dfd border color

This element has a border color of #220dfd.

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

CSS codes

.text {color:#220dfd;}

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

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

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, #01000b is the darkest color, while #f7f6ff is the lightest one.

#01000b
```
#01000b rgb(1,0,11)
```
#03001e
```
#03001e rgb(3,0,30)
```
#050032
```
#050032 rgb(5,0,50)
```
#070145
```
#070145 rgb(7,1,69)
```
#080159
```
#080159 rgb(8,1,89)
```
#0a016c
```
#0a016c rgb(10,1,108)
```
#0c0180
```
#0c0180 rgb(12,1,128)
```
#0e0193
```
#0e0193 rgb(14,1,147)
```
#1001a7
```
#1001a7 rgb(16,1,167)
```
#1202ba
```
#1202ba rgb(18,2,186)
```
#1402cd
```
#1402cd rgb(20,2,205)
```
#1502e1
```
#1502e1 rgb(21,2,225)
```
#1702f4
```
#1702f4 rgb(23,2,244)
```

Shade Color Variation

#220dfd
```
#220dfd rgb(34,13,253)
```
#3420fd
```
#3420fd rgb(52,32,253)
```
#4634fd
```
#4634fd rgb(70,52,253)
```
#5747fd
```
#5747fd rgb(87,71,253)
```
#695bfe
```
#695bfe rgb(105,91,254)
```
#7b6efe
```
#7b6efe rgb(123,110,254)
```
#8d82fe
```
#8d82fe rgb(141,130,254)
```
#9e95fe
```
#9e95fe rgb(158,149,254)
```
#b0a9fe
```
#b0a9fe rgb(176,169,254)
```
#c2bcfe
```
#c2bcfe rgb(194,188,254)
```
#d4d0ff
```
#d4d0ff rgb(212,208,255)
```
#e5e3ff
```
#e5e3ff rgb(229,227,255)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#7f7e8c
```
#7f7e8c rgb(127,126,140)
```
#777496
```
#777496 rgb(119,116,150)
```
#6f6b9f
```
#6f6b9f rgb(111,107,159)
```
#6861a9
```
#6861a9 rgb(104,97,169)
```
#6058b2
```
#6058b2 rgb(96,88,178)
```
#584fbb
```
#584fbb rgb(88,79,187)
```
#5045c5
```
#5045c5 rgb(80,69,197)
```
#493cce
```
#493cce rgb(73,60,206)
```
#4133d7
```
#4133d7 rgb(65,51,215)
```
#3929e1
```
#3929e1 rgb(57,41,225)
```
#3120ea
```
#3120ea rgb(49,32,234)
```
#2a16f4
```
#2a16f4 rgb(42,22,244)
```
#220dfd
```
#220dfd rgb(34,13,253)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0c3bc5 Protanomaly 1% of men, 0.01% of women
#0c3eb6 Deuteranomaly 6% of men, 0.4% of women
#0c429b Tritanomaly 0.01% of the population

#220dfd hex color

#220dfd Color Information

#220dfd Color Conversion

Color Schemes with #220dfd

Alternatives to #220dfd

#220dfd Preview

Shades and Tints of #220dfd

Tones of #220dfd

Color Blindness Simulator