#215ef1 hex color

In a RGB color space, hex #215ef1 is composed of 12.9% red, 36.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 61% magenta, 0% yellow and 5.5% black. It has a hue angle of 222.4 degrees, a saturation of 88.1% and a lightness of 53.7%. #215ef1 color hex could be obtained by blending #42bcff with #0000e3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 37
- B 95
RGB color chart
- C 86
- M 61
- Y 0
- K 5
CMYK color chart

● #215ef1 color description : Vivid blue.

The hexadecimal color #215ef1 has RGB values of R:33, G:94, B:241 and CMYK values of C:0.86, M:0.61, Y:0, K:0.05. Its decimal value is 2186993.

Hex triplet	215ef1	`#215ef1`
RGB Decimal	33, 94, 241	`rgb(33,94,241)`
RGB Percent	12.9, 36.9, 94.5	`rgb(12.9%,36.9%,94.5%)`
CMYK	86, 61, 0, 5
HSL	222.4°, 88.1, 53.7	`hsl(222.4,88.1%,53.7%)`
HSV (or HSB)	222.4°, 86.3, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.19, 36.122, -78.631
XYZ	20.504, 14.678, 84.967
xyY	0.171, 0.122, 14.678
CIE-LCH	45.19, 86.531, 294.673
CIE-LUV	45.19, -19.002, -118.535
Hunter-Lab	38.312, 28.484, -104.673
Binary	00100001, 01011110, 11110001

#215ef1
```
#215ef1 rgb(33,94,241)
```
#f1b421
```
#f1b421 rgb(241,180,33)
```

Complementary Color

#21c6f1
```
#21c6f1 rgb(33,198,241)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#4c21f1
```
#4c21f1 rgb(76,33,241)
```

Analogous Color

#c6f121
```
#c6f121 rgb(198,241,33)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#f14c21
```
#f14c21 rgb(241,76,33)
```

Split Complementary Color

#5ef121
```
#5ef121 rgb(94,241,33)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#f1215e
```
#f1215e rgb(241,33,94)
```

Triadic Color

#21f1b4
```
#21f1b4 rgb(33,241,180)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#f1215e
```
#f1215e rgb(241,33,94)
```
#f1b421
```
#f1b421 rgb(241,180,33)
```

Tetradic Color

#0c3fba
```
#0c3fba rgb(12,63,186)
```
#0d47d2
```
#0d47d2 rgb(13,71,210)
```
#0f4fea
```
#0f4fea rgb(15,79,234)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#396ff3
```
#396ff3 rgb(57,111,243)
```
#5181f4
```
#5181f4 rgb(81,129,244)
```
#6992f6
```
#6992f6 rgb(105,146,246)
```

Monochromatic Color

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

#2192f1
```
#2192f1 rgb(33,146,241)
```
#2181f1
```
#2181f1 rgb(33,129,241)
```
#216ff1
```
#216ff1 rgb(33,111,241)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#214df1
```
#214df1 rgb(33,77,241)
```
#213bf1
```
#213bf1 rgb(33,59,241)
```
#212af1
```
#212af1 rgb(33,42,241)
```

Similar Colors

Text with hexadecimal color #215ef1

This text has a font color of #215ef1.

<span style="color:#215ef1;">Text here</span>

#215ef1 background color

This paragraph has a background color of #215ef1.

<p style="background-color:#215ef1;">Content here</p>

#215ef1 border color

This element has a border color of #215ef1.

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

CSS codes

.text {color:#215ef1;}

.background {background-color:#215ef1;}

.border {border:1px solid #215ef1;}

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

#010612
```
#010612 rgb(1,6,18)
```
#020c24
```
#020c24 rgb(2,12,36)
```
#031337
```
#031337 rgb(3,19,55)
```
#051949
```
#051949 rgb(5,25,73)
```
#061f5c
```
#061f5c rgb(6,31,92)
```
#07256e
```
#07256e rgb(7,37,110)
```
#082b81
```
#082b81 rgb(8,43,129)
```
#093293
```
#093293 rgb(9,50,147)
```
#0a38a5
```
#0a38a5 rgb(10,56,165)
```
#0c3eb8
```
#0c3eb8 rgb(12,62,184)
```
#0d44ca
```
#0d44ca rgb(13,68,202)
```
#0e4bdd
```
#0e4bdd rgb(14,75,221)
```
#0f51ef
```
#0f51ef rgb(15,81,239)
```

Shade Color Variation

#215ef1
```
#215ef1 rgb(33,94,241)
```
#336bf2
```
#336bf2 rgb(51,107,242)
```
#4679f3
```
#4679f3 rgb(70,121,243)
```
#5886f4
```
#5886f4 rgb(88,134,244)
```
#6b94f6
```
#6b94f6 rgb(107,148,246)
```
#7da1f7
```
#7da1f7 rgb(125,161,247)
```
#90aef8
```
#90aef8 rgb(144,174,248)
```
#a2bcf9
```
#a2bcf9 rgb(162,188,249)
```
#b5c9fa
```
#b5c9fa rgb(181,201,250)
```
#c7d6fb
```
#c7d6fb rgb(199,214,251)
```
#dae4fd
```
#dae4fd rgb(218,228,253)
```
#ecf1fe
```
#ecf1fe rgb(236,241,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85878d is the less saturated color, while #185afa is the most saturated one.

#85878d
```
#85878d rgb(133,135,141)
```
#7c8496
```
#7c8496 rgb(124,132,150)
```
#73809f
```
#73809f rgb(115,128,159)
```
#6a7ca8
```
#6a7ca8 rgb(106,124,168)
```
#6178b1
```
#6178b1 rgb(97,120,177)
```
#5775bb
```
#5775bb rgb(87,117,187)
```
#4e71c4
```
#4e71c4 rgb(78,113,196)
```
#456dcd
```
#456dcd rgb(69,109,205)
```
#3c69d6
```
#3c69d6 rgb(60,105,214)
```
#3366df
```
#3366df rgb(51,102,223)
```
#2a62e8
```
#2a62e8 rgb(42,98,232)
```
#215ef1
```
#215ef1 rgb(33,94,241)
```
#185afa
```
#185afa rgb(24,90,250)
```

Tone Color Variation

Below, you can see how #215ef1 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

#5d5d5d Achromatopsia 0.005% of the population
#515d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0c68e1 Protanomaly 1% of men, 0.01% of women
#0c6dcf Deuteranomaly 6% of men, 0.4% of women
#0c72ab Tritanomaly 0.01% of the population

#215ef1 hex color

#215ef1 Color Information

#215ef1 Color Conversion

Color Schemes with #215ef1

Alternatives to #215ef1

#215ef1 Preview

Shades and Tints of #215ef1

Tones of #215ef1

Color Blindness Simulator