#215bec hex color

In a RGB color space, hex #215bec is composed of 12.9% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 222.9 degrees, a saturation of 84.2% and a lightness of 52.7%. #215bec color hex could be obtained by blending #42b6ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 36
- B 93
RGB color chart
- C 86
- M 61
- Y 0
- K 7
CMYK color chart

● #215bec color description : Vivid blue.

The hexadecimal color #215bec has RGB values of R:33, G:91, B:236 and CMYK values of C:0.86, M:0.61, Y:0, K:0.07. Its decimal value is 2186220.

Hex triplet	215bec	`#215bec`
RGB Decimal	33, 91, 236	`rgb(33,91,236)`
RGB Percent	12.9, 35.7, 92.5	`rgb(12.9%,35.7%,92.5%)`
CMYK	86, 61, 0, 7
HSL	222.9°, 84.2, 52.7	`hsl(222.9,84.2%,52.7%)`
HSV (or HSB)	222.9°, 86, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.032, 36.166, -77.716
XYZ	19.505, 13.86, 81
xyY	0.171, 0.121, 13.86
CIE-LCH	44.032, 85.72, 294.956
CIE-LUV	44.032, -18.305, -116.29
Hunter-Lab	37.229, 28.37, -102.937
Binary	00100001, 01011011, 11101100

#215bec
```
#215bec rgb(33,91,236)
```
#ecb221
```
#ecb221 rgb(236,178,33)
```

Complementary Color

#21c1ec
```
#21c1ec rgb(33,193,236)
```
#215bec
```
#215bec rgb(33,91,236)
```
#4d21ec
```
#4d21ec rgb(77,33,236)
```

Analogous Color

#c1ec21
```
#c1ec21 rgb(193,236,33)
```
#215bec
```
#215bec rgb(33,91,236)
```
#ec4d21
```
#ec4d21 rgb(236,77,33)
```

Split Complementary Color

#5bec21
```
#5bec21 rgb(91,236,33)
```
#215bec
```
#215bec rgb(33,91,236)
```
#ec215b
```
#ec215b rgb(236,33,91)
```

Triadic Color

#21ecb2
```
#21ecb2 rgb(33,236,178)
```
#215bec
```
#215bec rgb(33,91,236)
```
#ec215b
```
#ec215b rgb(236,33,91)
```
#ecb221
```
#ecb221 rgb(236,178,33)
```

Tetradic Color

#0f3eb1
```
#0f3eb1 rgb(15,62,177)
```
#1146c9
```
#1146c9 rgb(17,70,201)
```
#134ee0
```
#134ee0 rgb(19,78,224)
```
#215bec
```
#215bec rgb(33,91,236)
```
#386cee
```
#386cee rgb(56,108,238)
```
#507ef0
```
#507ef0 rgb(80,126,240)
```
#678ff2
```
#678ff2 rgb(103,143,242)
```

Monochromatic Color

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

#218eec
```
#218eec rgb(33,142,236)
```
#217dec
```
#217dec rgb(33,125,236)
```
#216cec
```
#216cec rgb(33,108,236)
```
#215bec
```
#215bec rgb(33,91,236)
```
#214aec
```
#214aec rgb(33,74,236)
```
#2139ec
```
#2139ec rgb(33,57,236)
```
#2128ec
```
#2128ec rgb(33,40,236)
```

Similar Colors

Text with hexadecimal color #215bec

This text has a font color of #215bec.

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

#215bec background color

This paragraph has a background color of #215bec.

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

#215bec border color

This element has a border color of #215bec.

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

CSS codes

.text {color:#215bec;}

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

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

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, #01040d is the darkest color, while #fafbff is the lightest one.

#01040d
```
#01040d rgb(1,4,13)
```
#030b1f
```
#030b1f rgb(3,11,31)
```
#041131
```
#041131 rgb(4,17,49)
```
#061743
```
#061743 rgb(6,23,67)
```
#071e55
```
#071e55 rgb(7,30,85)
```
#092467
```
#092467 rgb(9,36,103)
```
#0a2a79
```
#0a2a79 rgb(10,42,121)
```
#0c308b
```
#0c308b rgb(12,48,139)
```
#0d379d
```
#0d379d rgb(13,55,157)
```
#0f3db0
```
#0f3db0 rgb(15,61,176)
```
#1143c2
```
#1143c2 rgb(17,67,194)
```
#1249d4
```
#1249d4 rgb(18,73,212)
```
#1450e6
```
#1450e6 rgb(20,80,230)
```

Shade Color Variation

#215bec
```
#215bec rgb(33,91,236)
```
#3368ee
```
#3368ee rgb(51,104,238)
```
#4576ef
```
#4576ef rgb(69,118,239)
```
#5783f1
```
#5783f1 rgb(87,131,241)
```
#6990f2
```
#6990f2 rgb(105,144,242)
```
#7b9ef4
```
#7b9ef4 rgb(123,158,244)
```
#8dabf5
```
#8dabf5 rgb(141,171,245)
```
#9fb8f7
```
#9fb8f7 rgb(159,184,247)
```
#b2c6f8
```
#b2c6f8 rgb(178,198,248)
```
#c4d3fa
```
#c4d3fa rgb(196,211,250)
```
#d6e0fb
```
#d6e0fb rgb(214,224,251)
```
#e8eefd
```
#e8eefd rgb(232,238,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e838f is the less saturated color, while #0e53ff is the most saturated one.

#7e838f
```
#7e838f rgb(126,131,143)
```
#747f99
```
#747f99 rgb(116,127,153)
```
#6b7ba2
```
#6b7ba2 rgb(107,123,162)
```
#6277ab
```
#6277ab rgb(98,119,171)
```
#5973b4
```
#5973b4 rgb(89,115,180)
```
#4f6fbe
```
#4f6fbe rgb(79,111,190)
```
#466bc7
```
#466bc7 rgb(70,107,199)
```
#3d67d0
```
#3d67d0 rgb(61,103,208)
```
#3463d9
```
#3463d9 rgb(52,99,217)
```
#2a5fe3
```
#2a5fe3 rgb(42,95,227)
```
#215bec
```
#215bec rgb(33,91,236)
```
#1857f5
```
#1857f5 rgb(24,87,245)
```
#0e53ff
```
#0e53ff rgb(14,83,255)
```

Tone Color Variation

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

#0c66dc Protanomaly 1% of men, 0.01% of women
#0c6acb Deuteranomaly 6% of men, 0.4% of women
#0c6fa8 Tritanomaly 0.01% of the population

#215bec hex color

#215bec Color Information

#215bec Color Conversion

Color Schemes with #215bec

Alternatives to #215bec

#215bec Preview

Shades and Tints of #215bec

Tones of #215bec

Color Blindness Simulator