#221dfd hex color

In a RGB color space, hex #221dfd is composed of 13.3% red, 11.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 88.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 241.3 degrees, a saturation of 98.2% and a lightness of 55.3%. #221dfd color hex could be obtained by blending #443aff with #0000fb. Closest websafe color is: #3333ff.

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

● #221dfd color description : Vivid blue.

The hexadecimal color #221dfd has RGB values of R:34, G:29, B:253 and CMYK values of C:0.87, M:0.89, Y:0, K:0.01. Its decimal value is 2235901.

Hex triplet	221dfd	`#221dfd`
RGB Decimal	34, 29, 253	`rgb(34,29,253)`
RGB Percent	13.3, 11.4, 99.2	`rgb(13.3%,11.4%,99.2%)`
CMYK	87, 89, 0, 1
HSL	241.3°, 98.2, 55.3	`hsl(241.3,98.2%,55.3%)`
HSV (or HSB)	241.3°, 88.5, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.619, 73.269, -102.849
XYZ	18.825, 8.309, 93.535
xyY	0.156, 0.069, 8.309
CIE-LCH	34.619, 126.279, 305.466
CIE-LUV	34.619, -9.124, -131.408
Hunter-Lab	28.826, 66.127, -172.208
Binary	00100010, 00011101, 11111101

#221dfd
```
#221dfd rgb(34,29,253)
```
#f8fd1d
```
#f8fd1d rgb(248,253,29)
```

Complementary Color

#1d88fd
```
#1d88fd rgb(29,136,253)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#921dfd
```
#921dfd rgb(146,29,253)
```

Analogous Color

#88fd1d
```
#88fd1d rgb(136,253,29)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#fd921d
```
#fd921d rgb(253,146,29)
```

Split Complementary Color

#1dfd22
```
#1dfd22 rgb(29,253,34)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#fd221d
```
#fd221d rgb(253,34,29)
```

Triadic Color

#1df8fd
```
#1df8fd rgb(29,248,253)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#fd221d
```
#fd221d rgb(253,34,29)
```
#f8fd1d
```
#f8fd1d rgb(248,253,29)
```

Tetradic Color

#0602cc
```
#0602cc rgb(6,2,204)
```
#0702e5
```
#0702e5 rgb(7,2,229)
```
#0904fd
```
#0904fd rgb(9,4,253)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#3b36fd
```
#3b36fd rgb(59,54,253)
```
#5350fd
```
#5350fd rgb(83,80,253)
```
#6c69fe
```
#6c69fe rgb(108,105,254)
```

Monochromatic Color

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

#1d50fd
```
#1d50fd rgb(29,80,253)
```
#1d3dfd
```
#1d3dfd rgb(29,61,253)
```
#1d2bfd
```
#1d2bfd rgb(29,43,253)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#351dfd
```
#351dfd rgb(53,29,253)
```
#471dfd
```
#471dfd rgb(71,29,253)
```
#5a1dfd
```
#5a1dfd rgb(90,29,253)
```

Similar Colors

Text with hexadecimal color #221dfd

This text has a font color of #221dfd.

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

#221dfd background color

This paragraph has a background color of #221dfd.

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

#221dfd border color

This element has a border color of #221dfd.

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

CSS codes

.text {color:#221dfd;}

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

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

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

#000007
```
#000007 rgb(0,0,7)
```
#01001b
```
#01001b rgb(1,0,27)
```
#01002e
```
#01002e rgb(1,0,46)
```
#020142
```
#020142 rgb(2,1,66)
```
#030155
```
#030155 rgb(3,1,85)
```
#030169
```
#030169 rgb(3,1,105)
```
#04017c
```
#04017c rgb(4,1,124)
```
#04018f
```
#04018f rgb(4,1,143)
```
#0501a3
```
#0501a3 rgb(5,1,163)
```
#0602b6
```
#0602b6 rgb(6,2,182)
```
#0602ca
```
#0602ca rgb(6,2,202)
```
#0702dd
```
#0702dd rgb(7,2,221)
```
#0702f1
```
#0702f1 rgb(7,2,241)
```

Shade Color Variation

#0f0afd
```
#0f0afd rgb(15,10,253)
```
#221dfd
```
#221dfd rgb(34,29,253)
```
#3530fd
```
#3530fd rgb(53,48,253)
```
#4844fd
```
#4844fd rgb(72,68,253)
```
#5b57fe
```
#5b57fe rgb(91,87,254)
```
#6e6bfe
```
#6e6bfe rgb(110,107,254)
```
#817efe
```
#817efe rgb(129,126,254)
```
#9492fe
```
#9492fe rgb(148,146,254)
```
#a7a5fe
```
#a7a5fe rgb(167,165,254)
```
#bab9fe
```
#bab9fe rgb(186,185,254)
```
#cdccff
```
#cdccff rgb(205,204,255)
```
#e0dfff
```
#e0dfff rgb(224,223,255)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

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

#878694
```
#878694 rgb(135,134,148)
```
#7e7d9d
```
#7e7d9d rgb(126,125,157)
```
#7675a5
```
#7675a5 rgb(118,117,165)
```
#6d6cae
```
#6d6cae rgb(109,108,174)
```
#6563b7
```
#6563b7 rgb(101,99,183)
```
#5d5ac0
```
#5d5ac0 rgb(93,90,192)
```
#5452c8
```
#5452c8 rgb(84,82,200)
```
#4c49d1
```
#4c49d1 rgb(76,73,209)
```
#4440da
```
#4440da rgb(68,64,218)
```
#3b37e3
```
#3b37e3 rgb(59,55,227)
```
#332feb
```
#332feb rgb(51,47,235)
```
#2a26f4
```
#2a26f4 rgb(42,38,244)
```
#221dfd
```
#221dfd rgb(34,29,253)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#34335f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005d92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0c42c8 Protanomaly 1% of men, 0.01% of women
#0c45b9 Deuteranomaly 6% of men, 0.4% of women
#0c499d Tritanomaly 0.01% of the population

#221dfd hex color

#221dfd Color Information

#221dfd Color Conversion

Color Schemes with #221dfd

Alternatives to #221dfd

#221dfd Preview

Shades and Tints of #221dfd

Tones of #221dfd

Color Blindness Simulator