#215aef hex color

In a RGB color space, hex #215aef is composed of 12.9% red, 35.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 62.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.4 degrees, a saturation of 86.6% and a lightness of 53.3%. #215aef color hex could be obtained by blending #42b4ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 35
- B 94
RGB color chart
- C 86
- M 62
- Y 0
- K 6
CMYK color chart

● #215aef color description : Vivid blue.

The hexadecimal color #215aef has RGB values of R:33, G:90, B:239 and CMYK values of C:0.86, M:0.62, Y:0, K:0.06. Its decimal value is 2185967.

Hex triplet	215aef	`#215aef`
RGB Decimal	33, 90, 239	`rgb(33,90,239)`
RGB Percent	12.9, 35.3, 93.7	`rgb(12.9%,35.3%,93.7%)`
CMYK	86, 62, 0, 6
HSL	223.4°, 86.6, 53.3	`hsl(223.4,86.6%,53.3%)`
HSV (or HSB)	223.4°, 86.2, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.04, 37.906, -79.391
XYZ	19.86, 13.866, 83.286
xyY	0.17, 0.119, 13.866
CIE-LCH	44.04, 87.976, 295.522
CIE-LUV	44.04, -18.061, -118.57
Hunter-Lab	37.237, 30.036, -106.545
Binary	00100001, 01011010, 11101111

#215aef
```
#215aef rgb(33,90,239)
```
#efb621
```
#efb621 rgb(239,182,33)
```

Complementary Color

#21c1ef
```
#21c1ef rgb(33,193,239)
```
#215aef
```
#215aef rgb(33,90,239)
```
#4f21ef
```
#4f21ef rgb(79,33,239)
```

Analogous Color

#c1ef21
```
#c1ef21 rgb(193,239,33)
```
#215aef
```
#215aef rgb(33,90,239)
```
#ef4f21
```
#ef4f21 rgb(239,79,33)
```

Split Complementary Color

#5aef21
```
#5aef21 rgb(90,239,33)
```
#215aef
```
#215aef rgb(33,90,239)
```
#ef215a
```
#ef215a rgb(239,33,90)
```

Triadic Color

#21efb6
```
#21efb6 rgb(33,239,182)
```
#215aef
```
#215aef rgb(33,90,239)
```
#ef215a
```
#ef215a rgb(239,33,90)
```
#efb621
```
#efb621 rgb(239,182,33)
```

Tetradic Color

#0d3cb6
```
#0d3cb6 rgb(13,60,182)
```
#0f44ce
```
#0f44ce rgb(15,68,206)
```
#114ce6
```
#114ce6 rgb(17,76,230)
```
#215aef
```
#215aef rgb(33,90,239)
```
#396cf1
```
#396cf1 rgb(57,108,241)
```
#517df2
```
#517df2 rgb(81,125,242)
```
#688ff4
```
#688ff4 rgb(104,143,244)
```

Monochromatic Color

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

#218eef
```
#218eef rgb(33,142,239)
```
#217cef
```
#217cef rgb(33,124,239)
```
#216bef
```
#216bef rgb(33,107,239)
```
#215aef
```
#215aef rgb(33,90,239)
```
#2149ef
```
#2149ef rgb(33,73,239)
```
#2138ef
```
#2138ef rgb(33,56,239)
```
#2127ef
```
#2127ef rgb(33,39,239)
```

Similar Colors

Text with hexadecimal color #215aef

This text has a font color of #215aef.

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

#215aef background color

This paragraph has a background color of #215aef.

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

#215aef border color

This element has a border color of #215aef.

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

CSS codes

.text {color:#215aef;}

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

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

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

#010510
```
#010510 rgb(1,5,16)
```
#020b22
```
#020b22 rgb(2,11,34)
```
#041134
```
#041134 rgb(4,17,52)
```
#051747
```
#051747 rgb(5,23,71)
```
#061d59
```
#061d59 rgb(6,29,89)
```
#08236b
```
#08236b rgb(8,35,107)
```
#09297e
```
#09297e rgb(9,41,126)
```
#0a2f90
```
#0a2f90 rgb(10,47,144)
```
#0c35a2
```
#0c35a2 rgb(12,53,162)
```
#0d3bb5
```
#0d3bb5 rgb(13,59,181)
```
#0e41c7
```
#0e41c7 rgb(14,65,199)
```
#1047d9
```
#1047d9 rgb(16,71,217)
```
#114deb
```
#114deb rgb(17,77,235)
```

Shade Color Variation

#215aef
```
#215aef rgb(33,90,239)
```
#3368f0
```
#3368f0 rgb(51,104,240)
```
#4675f2
```
#4675f2 rgb(70,117,242)
```
#5883f3
```
#5883f3 rgb(88,131,243)
```
#6a90f4
```
#6a90f4 rgb(106,144,244)
```
#7c9ef6
```
#7c9ef6 rgb(124,158,246)
```
#8facf7
```
#8facf7 rgb(143,172,247)
```
#a1b9f8
```
#a1b9f8 rgb(161,185,248)
```
#b3c7fa
```
#b3c7fa rgb(179,199,250)
```
#c6d4fb
```
#c6d4fb rgb(198,212,251)
```
#d8e2fc
```
#d8e2fc rgb(216,226,252)
```
#eaf0fe
```
#eaf0fe rgb(234,240,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878a is the less saturated color, while #1856f8 is the most saturated one.

#86878a
```
#86878a rgb(134,135,138)
```
#7d8393
```
#7d8393 rgb(125,131,147)
```
#737f9d
```
#737f9d rgb(115,127,157)
```
#6a7ba6
```
#6a7ba6 rgb(106,123,166)
```
#6177af
```
#6177af rgb(97,119,175)
```
#5873b8
```
#5873b8 rgb(88,115,184)
```
#4f6ec1
```
#4f6ec1 rgb(79,110,193)
```
#466aca
```
#466aca rgb(70,106,202)
```
#3c66d4
```
#3c66d4 rgb(60,102,212)
```
#3362dd
```
#3362dd rgb(51,98,221)
```
#2a5ee6
```
#2a5ee6 rgb(42,94,230)
```
#215aef
```
#215aef rgb(33,90,239)
```
#1856f8
```
#1856f8 rgb(24,86,248)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4f5a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0c65dd Protanomaly 1% of men, 0.01% of women
#0c69cc Deuteranomaly 6% of men, 0.4% of women
#0c6fa9 Tritanomaly 0.01% of the population

#215aef hex color

#215aef Color Information

#215aef Color Conversion

Color Schemes with #215aef

Alternatives to #215aef

#215aef Preview

Shades and Tints of #215aef

Tones of #215aef

Color Blindness Simulator