#215bf2 hex color

In a RGB color space, hex #215bf2 is composed of 12.9% red, 35.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 62.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.3 degrees, a saturation of 88.9% and a lightness of 53.9%. #215bf2 color hex could be obtained by blending #42b6ff with #0000e5. Closest websafe color is: #3366ff.

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

● #215bf2 color description : Vivid blue.

The hexadecimal color #215bf2 has RGB values of R:33, G:91, B:242 and CMYK values of C:0.86, M:0.62, Y:0, K:0.05. Its decimal value is 2186226.

Hex triplet	215bf2	`#215bf2`
RGB Decimal	33, 91, 242	`rgb(33,91,242)`
RGB Percent	12.9, 35.7, 94.9	`rgb(12.9%,35.7%,94.9%)`
CMYK	86, 62, 0, 5
HSL	223.3°, 88.9, 53.9	`hsl(223.3,88.9%,53.9%)`
HSV (or HSB)	223.3°, 86.4, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.539, 38.38, -80.258
XYZ	20.392, 14.215, 85.668
xyY	0.17, 0.118, 14.215
CIE-LCH	44.539, 88.963, 295.558
CIE-LUV	44.539, -18.288, -120.19
Hunter-Lab	37.702, 30.565, -108.329
Binary	00100001, 01011011, 11110010

#215bf2
```
#215bf2 rgb(33,91,242)
```
#f2b821
```
#f2b821 rgb(242,184,33)
```

Complementary Color

#21c4f2
```
#21c4f2 rgb(33,196,242)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#4f21f2
```
#4f21f2 rgb(79,33,242)
```

Analogous Color

#c4f221
```
#c4f221 rgb(196,242,33)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#f24f21
```
#f24f21 rgb(242,79,33)
```

Split Complementary Color

#5bf221
```
#5bf221 rgb(91,242,33)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#f2215b
```
#f2215b rgb(242,33,91)
```

Triadic Color

#21f2b8
```
#21f2b8 rgb(33,242,184)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#f2215b
```
#f2215b rgb(242,33,91)
```
#f2b821
```
#f2b821 rgb(242,184,33)
```

Tetradic Color

#0b3cbc
```
#0b3cbc rgb(11,60,188)
```
#0c44d4
```
#0c44d4 rgb(12,68,212)
```
#0e4bec
```
#0e4bec rgb(14,75,236)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#396df3
```
#396df3 rgb(57,109,243)
```
#517ff5
```
#517ff5 rgb(81,127,245)
```
#6990f6
```
#6990f6 rgb(105,144,246)
```

Monochromatic Color

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

#218ff2
```
#218ff2 rgb(33,143,242)
```
#217ef2
```
#217ef2 rgb(33,126,242)
```
#216cf2
```
#216cf2 rgb(33,108,242)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#214af2
```
#214af2 rgb(33,74,242)
```
#2138f2
```
#2138f2 rgb(33,56,242)
```
#2127f2
```
#2127f2 rgb(33,39,242)
```

Similar Colors

Text with hexadecimal color #215bf2

This text has a font color of #215bf2.

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

#215bf2 background color

This paragraph has a background color of #215bf2.

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

#215bf2 border color

This element has a border color of #215bf2.

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

CSS codes

.text {color:#215bf2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010613
```
#010613 rgb(1,6,19)
```
#020c25
```
#020c25 rgb(2,12,37)
```
#031238
```
#031238 rgb(3,18,56)
```
#04184a
```
#04184a rgb(4,24,74)
```
#051e5d
```
#051e5d rgb(5,30,93)
```
#072470
```
#072470 rgb(7,36,112)
```
#082a82
```
#082a82 rgb(8,42,130)
```
#093095
```
#093095 rgb(9,48,149)
```
#0a35a7
```
#0a35a7 rgb(10,53,167)
```
#0b3bba
```
#0b3bba rgb(11,59,186)
```
#0c41cc
```
#0c41cc rgb(12,65,204)
```
#0d47df
```
#0d47df rgb(13,71,223)
```

Shade Color Variation

#0e4df1
```
#0e4df1 rgb(14,77,241)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#3469f3
```
#3469f3 rgb(52,105,243)
```
#4676f4
```
#4676f4 rgb(70,118,244)
```
#5984f5
```
#5984f5 rgb(89,132,245)
```
#6b92f6
```
#6b92f6 rgb(107,146,246)
```
#7e9ff7
```
#7e9ff7 rgb(126,159,247)
```
#90adf9
```
#90adf9 rgb(144,173,249)
```
#a3bbfa
```
#a3bbfa rgb(163,187,250)
```
#b5c9fb
```
#b5c9fb rgb(181,201,251)
```
#c8d6fc
```
#c8d6fc rgb(200,214,252)
```
#dae4fd
```
#dae4fd rgb(218,228,253)
```
#edf2fe
```
#edf2fe rgb(237,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84878f is the less saturated color, while #1857fb is the most saturated one.

#84878f
```
#84878f rgb(132,135,143)
```
#7b8398
```
#7b8398 rgb(123,131,152)
```
#727fa1
```
#727fa1 rgb(114,127,161)
```
#697baa
```
#697baa rgb(105,123,170)
```
#6077b3
```
#6077b3 rgb(96,119,179)
```
#5773bc
```
#5773bc rgb(87,115,188)
```
#4e6fc5
```
#4e6fc5 rgb(78,111,197)
```
#456bce
```
#456bce rgb(69,107,206)
```
#3c67d7
```
#3c67d7 rgb(60,103,215)
```
#3363e0
```
#3363e0 rgb(51,99,224)
```
#2a5fe9
```
#2a5fe9 rgb(42,95,233)
```
#215bf2
```
#215bf2 rgb(33,91,242)
```
#1857fb
```
#1857fb rgb(24,87,251)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0c66e0 Protanomaly 1% of men, 0.01% of women
#0c6ace Deuteranomaly 6% of men, 0.4% of women
#0c70ab Tritanomaly 0.01% of the population

#215bf2 hex color

#215bf2 Color Information

#215bf2 Color Conversion

Color Schemes with #215bf2

Alternatives to #215bf2

#215bf2 Preview

Shades and Tints of #215bf2

Tones of #215bf2

Color Blindness Simulator