#221fdf hex color

In a RGB color space, hex #221fdf is composed of 13.3% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 86.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 240.9 degrees, a saturation of 75.6% and a lightness of 49.8%. #221fdf color hex could be obtained by blending #443eff with #0000bf. Closest websafe color is: #3333cc.

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

● #221fdf color description : Vivid blue.

The hexadecimal color #221fdf has RGB values of R:34, G:31, B:223 and CMYK values of C:0.85, M:0.86, Y:0, K:0.13. Its decimal value is 2236383.

Hex triplet	221fdf	`#221fdf`
RGB Decimal	34, 31, 223	`rgb(34,31,223)`
RGB Percent	13.3, 12.2, 87.5	`rgb(13.3%,12.2%,87.5%)`
CMYK	85, 86, 0, 13
HSL	240.9°, 75.6, 49.8	`hsl(240.9,75.6%,49.8%)`
HSV (or HSB)	240.9°, 86.1, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.989, 64.42, -91.868
XYZ	14.466, 6.647, 70.328
xyY	0.158, 0.073, 6.647
CIE-LCH	30.989, 112.204, 305.039
CIE-LUV	30.989, -8.007, -114.555
Hunter-Lab	25.781, 55.042, -143.69
Binary	00100010, 00011111, 11011111

#221fdf
```
#221fdf rgb(34,31,223)
```
#dcdf1f
```
#dcdf1f rgb(220,223,31)
```

Complementary Color

#1f7cdf
```
#1f7cdf rgb(31,124,223)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#821fdf
```
#821fdf rgb(130,31,223)
```

Analogous Color

#7cdf1f
```
#7cdf1f rgb(124,223,31)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#df821f
```
#df821f rgb(223,130,31)
```

Split Complementary Color

#1fdf22
```
#1fdf22 rgb(31,223,34)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#df221f
```
#df221f rgb(223,34,31)
```

Triadic Color

#1fdcdf
```
#1fdcdf rgb(31,220,223)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#df221f
```
#df221f rgb(223,34,31)
```
#dcdf1f
```
#dcdf1f rgb(220,223,31)
```

Tetradic Color

#18169c
```
#18169c rgb(24,22,156)
```
#1b19b2
```
#1b19b2 rgb(27,25,178)
```
#1f1cc9
```
#1f1cc9 rgb(31,28,201)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#3735e3
```
#3735e3 rgb(55,53,227)
```
#4d4be6
```
#4d4be6 rgb(77,75,230)
```
#6461e9
```
#6461e9 rgb(100,97,233)
```

Monochromatic Color

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

#1f4cdf
```
#1f4cdf rgb(31,76,223)
```
#1f3cdf
```
#1f3cdf rgb(31,60,223)
```
#1f2cdf
```
#1f2cdf rgb(31,44,223)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#321fdf
```
#321fdf rgb(50,31,223)
```
#421fdf
```
#421fdf rgb(66,31,223)
```
#521fdf
```
#521fdf rgb(82,31,223)
```

Similar Colors

Text with hexadecimal color #221fdf

This text has a font color of #221fdf.

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

#221fdf background color

This paragraph has a background color of #221fdf.

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

#221fdf border color

This element has a border color of #221fdf.

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

CSS codes

.text {color:#221fdf;}

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

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

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

#020210
```
#020210 rgb(2,2,16)
```
#050522
```
#050522 rgb(5,5,34)
```
#080733
```
#080733 rgb(8,7,51)
```
#0a0944
```
#0a0944 rgb(10,9,68)
```
#0d0c55
```
#0d0c55 rgb(13,12,85)
```
#100e66
```
#100e66 rgb(16,14,102)
```
#121178
```
#121178 rgb(18,17,120)
```
#151389
```
#151389 rgb(21,19,137)
```
#17159a
```
#17159a rgb(23,21,154)
```
#1a18ab
```
#1a18ab rgb(26,24,171)
```
#1d1abd
```
#1d1abd rgb(29,26,189)
```
#1f1dce
```
#1f1dce rgb(31,29,206)
```
#221fdf
```
#221fdf rgb(34,31,223)
```

Shade Color Variation

#322fe2
```
#322fe2 rgb(50,47,226)
```
#4341e5
```
#4341e5 rgb(67,65,229)
```
#5452e7
```
#5452e7 rgb(84,82,231)
```
#6563e9
```
#6563e9 rgb(101,99,233)
```
#7674ec
```
#7674ec rgb(118,116,236)
```
#8786ee
```
#8786ee rgb(135,134,238)
```
#9897f1
```
#9897f1 rgb(152,151,241)
```
#a9a8f3
```
#a9a8f3 rgb(169,168,243)
```
#bab9f5
```
#bab9f5 rgb(186,185,245)
```
#cbcaf8
```
#cbcaf8 rgb(203,202,248)
```
#dcdcfa
```
#dcdcfa rgb(220,220,250)
```
#ededfc
```
#ededfc rgb(237,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#777787
```
#777787 rgb(119,119,135)
```
#6e6d91
```
#6e6d91 rgb(110,109,145)
```
#64639b
```
#64639b rgb(100,99,155)
```
#5b5aa4
```
#5b5aa4 rgb(91,90,164)
```
#5150ae
```
#5150ae rgb(81,80,174)
```
#4846b8
```
#4846b8 rgb(72,70,184)
```
#3e3cc2
```
#3e3cc2 rgb(62,60,194)
```
#3533cb
```
#3533cb rgb(53,51,203)
```
#2b29d5
```
#2b29d5 rgb(43,41,213)
```
#221fdf
```
#221fdf rgb(34,31,223)
```
#1915e9
```
#1915e9 rgb(25,21,233)
```
#0f0bf3
```
#0f0bf3 rgb(15,11,243)
```
#0602fc
```
#0602fc rgb(6,2,252)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#323158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0c3eb3 Protanomaly 1% of men, 0.01% of women
#0c41a6 Deuteranomaly 6% of men, 0.4% of women
#0c448d Tritanomaly 0.01% of the population

#221fdf hex color

#221fdf Color Information

#221fdf Color Conversion

Color Schemes with #221fdf

Alternatives to #221fdf

#221fdf Preview

Shades and Tints of #221fdf

Tones of #221fdf

Color Blindness Simulator