#2215ff hex color

In a RGB color space, hex #2215ff is composed of 13.3% red, 8.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 91.8% magenta, 0% yellow and 0% black. It has a hue angle of 243.3 degrees, a saturation of 100% and a lightness of 54.1%. #2215ff color hex could be obtained by blending #442aff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 8
- B 100
RGB color chart
- C 87
- M 92
- Y 0
- K 0
CMYK color chart

● #2215ff color description : Vivid blue.

The hexadecimal color #2215ff has RGB values of R:34, G:21, B:255 and CMYK values of C:0.87, M:0.92, Y:0, K:0. Its decimal value is 2233855.

Hex triplet	2215ff	`#2215ff`
RGB Decimal	34, 21, 255	`rgb(34,21,255)`
RGB Percent	13.3, 8.2, 100	`rgb(13.3%,8.2%,100%)`
CMYK	87, 92, 0, 0
HSL	243.3°, 100, 54.1	`hsl(243.3,100%,54.1%)`
HSV (or HSB)	243.3°, 91.8, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.18, 75.928, -104.704
XYZ	18.974, 8.095, 95.165
xyY	0.155, 0.066, 8.095
CIE-LCH	34.18, 129.337, 305.949
CIE-LUV	34.18, -8.724, -132.09
Hunter-Lab	28.452, 69.25, -178.395
Binary	00100010, 00010101, 11111111

#2215ff
```
#2215ff rgb(34,21,255)
```
#f2ff15
```
#f2ff15 rgb(242,255,21)
```

Complementary Color

#157dff
```
#157dff rgb(21,125,255)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#9715ff
```
#9715ff rgb(151,21,255)
```

Analogous Color

#7dff15
```
#7dff15 rgb(125,255,21)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#ff9715
```
#ff9715 rgb(255,151,21)
```

Split Complementary Color

#15ff22
```
#15ff22 rgb(21,255,34)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#ff2215
```
#ff2215 rgb(255,34,21)
```

Triadic Color

#15f2ff
```
#15f2ff rgb(21,242,255)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#ff2215
```
#ff2215 rgb(255,34,21)
```
#f2ff15
```
#f2ff15 rgb(242,255,21)
```

Tetradic Color

#0b00c8
```
#0b00c8 rgb(11,0,200)
```
#0d00e1
```
#0d00e1 rgb(13,0,225)
```
#0e00fb
```
#0e00fb rgb(14,0,251)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#3a2fff
```
#3a2fff rgb(58,47,255)
```
#5248ff
```
#5248ff rgb(82,72,255)
```
#6a62ff
```
#6a62ff rgb(106,98,255)
```

Monochromatic Color

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

#1543ff
```
#1543ff rgb(21,67,255)
```
#152fff
```
#152fff rgb(21,47,255)
```
#151cff
```
#151cff rgb(21,28,255)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#3515ff
```
#3515ff rgb(53,21,255)
```
#4915ff
```
#4915ff rgb(73,21,255)
```
#5c15ff
```
#5c15ff rgb(92,21,255)
```

Similar Colors

Text with hexadecimal color #2215ff

This text has a font color of #2215ff.

<span style="color:#2215ff;">Text here</span>

#2215ff background color

This paragraph has a background color of #2215ff.

<p style="background-color:#2215ff;">Content here</p>

#2215ff border color

This element has a border color of #2215ff.

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

CSS codes

.text {color:#2215ff;}

.background {background-color:#2215ff;}

.border {border:1px solid #2215ff;}

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 #eeedff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010015
```
#010015 rgb(1,0,21)
```
#020029
```
#020029 rgb(2,0,41)
```
#03003c
```
#03003c rgb(3,0,60)
```
#040050
```
#040050 rgb(4,0,80)
```
#060063
```
#060063 rgb(6,0,99)
```
#070077
```
#070077 rgb(7,0,119)
```
#08008b
```
#08008b rgb(8,0,139)
```
#09009e
```
#09009e rgb(9,0,158)
```
#0a00b2
```
#0a00b2 rgb(10,0,178)
```
#0b00c6
```
#0b00c6 rgb(11,0,198)
```
#0c00d9
```
#0c00d9 rgb(12,0,217)
```
#0d00ed
```
#0d00ed rgb(13,0,237)
```

Shade Color Variation

#0f01ff
```
#0f01ff rgb(15,1,255)
```
#2215ff
```
#2215ff rgb(34,21,255)
```
#3529ff
```
#3529ff rgb(53,41,255)
```
#473cff
```
#473cff rgb(71,60,255)
```
#5a50ff
```
#5a50ff rgb(90,80,255)
```
#6c63ff
```
#6c63ff rgb(108,99,255)
```
#7f77ff
```
#7f77ff rgb(127,119,255)
```
#918bff
```
#918bff rgb(145,139,255)
```
#a49eff
```
#a49eff rgb(164,158,255)
```
#b6b2ff
```
#b6b2ff rgb(182,178,255)
```
#c9c6ff
```
#c9c6ff rgb(201,198,255)
```
#dbd9ff
```
#dbd9ff rgb(219,217,255)
```
#eeedff
```
#eeedff rgb(238,237,255)
```

Tint Color Variation

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

#828193
```
#828193 rgb(130,129,147)
```
#7a789c
```
#7a789c rgb(122,120,156)
```
#726fa5
```
#726fa5 rgb(114,111,165)
```
#6a66ae
```
#6a66ae rgb(106,102,174)
```
#625db7
```
#625db7 rgb(98,93,183)
```
#5a54c0
```
#5a54c0 rgb(90,84,192)
```
#524bc9
```
#524bc9 rgb(82,75,201)
```
#4a42d2
```
#4a42d2 rgb(74,66,210)
```
#4239db
```
#4239db rgb(66,57,219)
```
#3a30e4
```
#3a30e4 rgb(58,48,228)
```
#3227ed
```
#3227ed rgb(50,39,237)
```
#2a1ef6
```
#2a1ef6 rgb(42,30,246)
```
#2215ff
```
#2215ff rgb(34,21,255)
```

Tone Color Variation

Below, you can see how #2215ff 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

#343434 Achromatopsia 0.005% of the population
#302e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0c3fc7 Protanomaly 1% of men, 0.01% of women
#0c42b9 Deuteranomaly 6% of men, 0.4% of women
#0c469d Tritanomaly 0.01% of the population

#2215ff hex color

#2215ff Color Information

#2215ff Color Conversion

Color Schemes with #2215ff

Alternatives to #2215ff

#2215ff Preview

Shades and Tints of #2215ff

Tones of #2215ff

Color Blindness Simulator