#221ef6 hex color

In a RGB color space, hex #221ef6 is composed of 13.3% red, 11.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 87.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 241.1 degrees, a saturation of 92.3% and a lightness of 54.1%. #221ef6 color hex could be obtained by blending #443cff with #0000ed. Closest websafe color is: #3333ff.

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

● #221ef6 color description : Vivid blue.

The hexadecimal color #221ef6 has RGB values of R:34, G:30, B:246 and CMYK values of C:0.86, M:0.88, Y:0, K:0.04. Its decimal value is 2236150.

Hex triplet	221ef6	`#221ef6`
RGB Decimal	34, 30, 246	`rgb(34,30,246)`
RGB Percent	13.3, 11.8, 96.5	`rgb(13.3%,11.8%,96.5%)`
CMYK	86, 88, 0, 4
HSL	241.1°, 92.3, 54.1	`hsl(241.1,92.3%,54.1%)`
HSV (or HSB)	241.1°, 87.8, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.818, 71.091, -100.245
XYZ	17.755, 7.921, 87.777
xyY	0.156, 0.07, 7.921
CIE-LCH	33.818, 122.894, 305.343
CIE-LUV	33.818, -8.9, -127.524
Hunter-Lab	28.145, 63.355, -165.212
Binary	00100010, 00011110, 11110110

#221ef6
```
#221ef6 rgb(34,30,246)
```
#f2f61e
```
#f2f61e rgb(242,246,30)
```

Complementary Color

#1e86f6
```
#1e86f6 rgb(30,134,246)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#8e1ef6
```
#8e1ef6 rgb(142,30,246)
```

Analogous Color

#86f61e
```
#86f61e rgb(134,246,30)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#f68e1e
```
#f68e1e rgb(246,142,30)
```

Split Complementary Color

#1ef622
```
#1ef622 rgb(30,246,34)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#f6221e
```
#f6221e rgb(246,34,30)
```

Triadic Color

#1ef2f6
```
#1ef2f6 rgb(30,242,246)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#f6221e
```
#f6221e rgb(246,34,30)
```
#f2f61e
```
#f2f61e rgb(242,246,30)
```

Tetradic Color

#0b08c0
```
#0b08c0 rgb(11,8,192)
```
#0c09d8
```
#0c09d8 rgb(12,9,216)
```
#0e0af1
```
#0e0af1 rgb(14,10,241)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#3a37f7
```
#3a37f7 rgb(58,55,247)
```
#524ff8
```
#524ff8 rgb(82,79,248)
```
#6a68f9
```
#6a68f9 rgb(106,104,249)
```

Monochromatic Color

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

#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#1e3ef6
```
#1e3ef6 rgb(30,62,246)
```
#1e2cf6
```
#1e2cf6 rgb(30,44,246)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#341ef6
```
#341ef6 rgb(52,30,246)
```
#461ef6
```
#461ef6 rgb(70,30,246)
```
#581ef6
```
#581ef6 rgb(88,30,246)
```

Similar Colors

Text with hexadecimal color #221ef6

This text has a font color of #221ef6.

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

#221ef6 background color

This paragraph has a background color of #221ef6.

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

#221ef6 border color

This element has a border color of #221ef6.

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

CSS codes

.text {color:#221ef6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010114
```
#010114 rgb(1,1,20)
```
#020227
```
#020227 rgb(2,2,39)
```
#03023a
```
#03023a rgb(3,2,58)
```
#04034d
```
#04034d rgb(4,3,77)
```
#060460
```
#060460 rgb(6,4,96)
```
#070572
```
#070572 rgb(7,5,114)
```
#080585
```
#080585 rgb(8,5,133)
```
#090698
```
#090698 rgb(9,6,152)
```
#0a07ab
```
#0a07ab rgb(10,7,171)
```
#0b08be
```
#0b08be rgb(11,8,190)
```
#0c08d1
```
#0c08d1 rgb(12,8,209)
```
#0d09e4
```
#0d09e4 rgb(13,9,228)
```

Shade Color Variation

#0f0bf5
```
#0f0bf5 rgb(15,11,245)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```
#3531f7
```
#3531f7 rgb(53,49,247)
```
#4744f8
```
#4744f8 rgb(71,68,248)
```
#5a57f8
```
#5a57f8 rgb(90,87,248)
```
#6c69f9
```
#6c69f9 rgb(108,105,249)
```
#7f7cfa
```
#7f7cfa rgb(127,124,250)
```
#918ffb
```
#918ffb rgb(145,143,251)
```
#a4a2fb
```
#a4a2fb rgb(164,162,251)
```
#b6b5fc
```
#b6b5fc rgb(182,181,252)
```
#c9c8fd
```
#c9c8fd rgb(201,200,253)
```
#dbdbfe
```
#dbdbfe rgb(219,219,254)
```
#eeedfe
```
#eeedfe rgb(238,237,254)
```

Tint Color Variation

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

#8a8a8a
```
#8a8a8a rgb(138,138,138)
```
#818193
```
#818193 rgb(129,129,147)
```
#79789c
```
#79789c rgb(121,120,156)
```
#706fa5
```
#706fa5 rgb(112,111,165)
```
#6766ae
```
#6766ae rgb(103,102,174)
```
#5f5db7
```
#5f5db7 rgb(95,93,183)
```
#5654c0
```
#5654c0 rgb(86,84,192)
```
#4d4bc9
```
#4d4bc9 rgb(77,75,201)
```
#4542d2
```
#4542d2 rgb(69,66,210)
```
#3c39db
```
#3c39db rgb(60,57,219)
```
#3330e4
```
#3330e4 rgb(51,48,228)
```
#2b27ed
```
#2b27ed rgb(43,39,237)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```

Tone Color Variation

Below, you can see how #221ef6 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
#34335e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0c41c3 Protanomaly 1% of men, 0.01% of women
#0c45b5 Deuteranomaly 6% of men, 0.4% of women
#0c499a Tritanomaly 0.01% of the population

#221ef6 hex color

#221ef6 Color Information

#221ef6 Color Conversion

Color Schemes with #221ef6

Alternatives to #221ef6

#221ef6 Preview

Shades and Tints of #221ef6

Tones of #221ef6

Color Blindness Simulator