#215fde hex color

In a RGB color space, hex #215fde is composed of 12.9% red, 37.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 57.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 220.3 degrees, a saturation of 74.1% and a lightness of 50%. #215fde color hex could be obtained by blending #42beff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 37
- B 87
RGB color chart
- C 85
- M 57
- Y 0
- K 13
CMYK color chart

● #215fde color description : Vivid blue.

The hexadecimal color #215fde has RGB values of R:33, G:95, B:222 and CMYK values of C:0.85, M:0.57, Y:0, K:0.13. Its decimal value is 2187230.

Hex triplet	215fde	`#215fde`
RGB Decimal	33, 95, 222	`rgb(33,95,222)`
RGB Percent	12.9, 37.3, 87.1	`rgb(12.9%,37.3%,87.1%)`
CMYK	85, 57, 0, 13
HSL	220.3°, 74.1, 50	`hsl(220.3,74.1%,50%)`
HSV (or HSB)	220.3°, 85.1, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.916, 28.348, -69.981
XYZ	17.901, 13.78, 70.82
xyY	0.175, 0.134, 13.78
CIE-LCH	43.916, 75.505, 292.052
CIE-LUV	43.916, -19.415, -105.375
Hunter-Lab	37.122, 21.116, -87.126
Binary	00100001, 01011111, 11011110

#215fde
```
#215fde rgb(33,95,222)
```
#dea021
```
#dea021 rgb(222,160,33)
```

Complementary Color

#21bede
```
#21bede rgb(33,190,222)
```
#215fde
```
#215fde rgb(33,95,222)
```
#4221de
```
#4221de rgb(66,33,222)
```

Analogous Color

#bede21
```
#bede21 rgb(190,222,33)
```
#215fde
```
#215fde rgb(33,95,222)
```
#de4221
```
#de4221 rgb(222,66,33)
```

Split Complementary Color

#5fde21
```
#5fde21 rgb(95,222,33)
```
#215fde
```
#215fde rgb(33,95,222)
```
#de215f
```
#de215f rgb(222,33,95)
```

Triadic Color

#21dea0
```
#21dea0 rgb(33,222,160)
```
#215fde
```
#215fde rgb(33,95,222)
```
#de215f
```
#de215f rgb(222,33,95)
```
#dea021
```
#dea021 rgb(222,160,33)
```

Tetradic Color

#17439b
```
#17439b rgb(23,67,155)
```
#1a4cb2
```
#1a4cb2 rgb(26,76,178)
```
#1e56c8
```
#1e56c8 rgb(30,86,200)
```
#215fde
```
#215fde rgb(33,95,222)
```
#376fe1
```
#376fe1 rgb(55,111,225)
```
#4d7fe5
```
#4d7fe5 rgb(77,127,229)
```
#648fe8
```
#648fe8 rgb(100,143,232)
```

Monochromatic Color

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

#218ede
```
#218ede rgb(33,142,222)
```
#217fde
```
#217fde rgb(33,127,222)
```
#216fde
```
#216fde rgb(33,111,222)
```
#215fde
```
#215fde rgb(33,95,222)
```
#214fde
```
#214fde rgb(33,79,222)
```
#2140de
```
#2140de rgb(33,64,222)
```
#2130de
```
#2130de rgb(33,48,222)
```

Similar Colors

Text with hexadecimal color #215fde

This text has a font color of #215fde.

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

#215fde background color

This paragraph has a background color of #215fde.

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

#215fde border color

This element has a border color of #215fde.

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

CSS codes

.text {color:#215fde;}

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

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

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

#030711
```
#030711 rgb(3,7,17)
```
#050f22
```
#050f22 rgb(5,15,34)
```
#081633
```
#081633 rgb(8,22,51)
```
#0a1d44
```
#0a1d44 rgb(10,29,68)
```
#0d2555
```
#0d2555 rgb(13,37,85)
```
#0f2c66
```
#0f2c66 rgb(15,44,102)
```
#123378
```
#123378 rgb(18,51,120)
```
#143a89
```
#143a89 rgb(20,58,137)
```
#17429a
```
#17429a rgb(23,66,154)
```
#1949ab
```
#1949ab rgb(25,73,171)
```
#1c50bc
```
#1c50bc rgb(28,80,188)
```
#1e58cd
```
#1e58cd rgb(30,88,205)
```
#215fde
```
#215fde rgb(33,95,222)
```

Shade Color Variation

#326be1
```
#326be1 rgb(50,107,225)
```
#4378e3
```
#4378e3 rgb(67,120,227)
```
#5484e6
```
#5484e6 rgb(84,132,230)
```
#6590e8
```
#6590e8 rgb(101,144,232)
```
#769deb
```
#769deb rgb(118,157,235)
```
#87a9ed
```
#87a9ed rgb(135,169,237)
```
#99b5f0
```
#99b5f0 rgb(153,181,240)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#bbcef5
```
#bbcef5 rgb(187,206,245)
```
#ccdaf7
```
#ccdaf7 rgb(204,218,247)
```
#dde6fa
```
#dde6fa rgb(221,230,250)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797d86
```
#797d86 rgb(121,125,134)
```
#6f7a90
```
#6f7a90 rgb(111,122,144)
```
#667799
```
#667799 rgb(102,119,153)
```
#5c73a3
```
#5c73a3 rgb(92,115,163)
```
#5270ad
```
#5270ad rgb(82,112,173)
```
#486cb7
```
#486cb7 rgb(72,108,183)
```
#3e69c1
```
#3e69c1 rgb(62,105,193)
```
#3566ca
```
#3566ca rgb(53,102,202)
```
#2b62d4
```
#2b62d4 rgb(43,98,212)
```
#215fde
```
#215fde rgb(33,95,222)
```
#175ce8
```
#175ce8 rgb(23,92,232)
```
#0d58f2
```
#0d58f2 rgb(13,88,242)
```
#0455fb
```
#0455fb rgb(4,85,251)
```

Tone Color Variation

Below, you can see how #215fde 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
#4f5c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0c67d7 Protanomaly 1% of men, 0.01% of women
#0c6bc6 Deuteranomaly 6% of men, 0.4% of women
#0c70a3 Tritanomaly 0.01% of the population

#215fde hex color

#215fde Color Information

#215fde Color Conversion

Color Schemes with #215fde

Alternatives to #215fde

#215fde Preview

Shades and Tints of #215fde

Tones of #215fde

Color Blindness Simulator