#216eed hex color

In a RGB color space, hex #216eed is composed of 12.9% red, 43.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 53.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 217.4 degrees, a saturation of 85% and a lightness of 52.9%. #216eed color hex could be obtained by blending #42dcff with #0000db. Closest websafe color is: #3366ff.

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

● #216eed color description : Vivid blue.

The hexadecimal color #216eed has RGB values of R:33, G:110, B:237 and CMYK values of C:0.86, M:0.54, Y:0, K:0.07. Its decimal value is 2191085.

Hex triplet	216eed	`#216eed`
RGB Decimal	33, 110, 237	`rgb(33,110,237)`
RGB Percent	12.9, 43.1, 92.9	`rgb(12.9%,43.1%,92.9%)`
CMYK	86, 54, 0, 7
HSL	217.4°, 85, 52.9	`hsl(217.4,85%,52.9%)`
HSV (or HSB)	217.4°, 86.1, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.992, 24.445, -70.186
XYZ	21.486, 17.588, 82.378
xyY	0.177, 0.145, 17.588
CIE-LCH	48.992, 74.321, 289.203
CIE-LUV	48.992, -23.199, -108.937
Hunter-Lab	41.938, 18.059, -87.107
Binary	00100001, 01101110, 11101101

#216eed
```
#216eed rgb(33,110,237)
```
#eda021
```
#eda021 rgb(237,160,33)
```

Complementary Color

#21d4ed
```
#21d4ed rgb(33,212,237)
```
#216eed
```
#216eed rgb(33,110,237)
```
#3a21ed
```
#3a21ed rgb(58,33,237)
```

Analogous Color

#d4ed21
```
#d4ed21 rgb(212,237,33)
```
#216eed
```
#216eed rgb(33,110,237)
```
#ed3a21
```
#ed3a21 rgb(237,58,33)
```

Split Complementary Color

#6eed21
```
#6eed21 rgb(110,237,33)
```
#216eed
```
#216eed rgb(33,110,237)
```
#ed216e
```
#ed216e rgb(237,33,110)
```

Triadic Color

#21eda0
```
#21eda0 rgb(33,237,160)
```
#216eed
```
#216eed rgb(33,110,237)
```
#ed216e
```
#ed216e rgb(237,33,110)
```
#eda021
```
#eda021 rgb(237,160,33)
```

Tetradic Color

#0f4db3
```
#0f4db3 rgb(15,77,179)
```
#1057cb
```
#1057cb rgb(16,87,203)
```
#1261e2
```
#1261e2 rgb(18,97,226)
```
#216eed
```
#216eed rgb(33,110,237)
```
#397def
```
#397def rgb(57,125,239)
```
#508df1
```
#508df1 rgb(80,141,241)
```
#689cf3
```
#689cf3 rgb(104,156,243)
```

Monochromatic Color

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

#21a1ed
```
#21a1ed rgb(33,161,237)
```
#2190ed
```
#2190ed rgb(33,144,237)
```
#217fed
```
#217fed rgb(33,127,237)
```
#216eed
```
#216eed rgb(33,110,237)
```
#215ded
```
#215ded rgb(33,93,237)
```
#214ced
```
#214ced rgb(33,76,237)
```
#213bed
```
#213bed rgb(33,59,237)
```

Similar Colors

Text with hexadecimal color #216eed

This text has a font color of #216eed.

<span style="color:#216eed;">Text here</span>

#216eed background color

This paragraph has a background color of #216eed.

<p style="background-color:#216eed;">Content here</p>

#216eed border color

This element has a border color of #216eed.

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

CSS codes

.text {color:#216eed;}

.background {background-color:#216eed;}

.border {border:1px solid #216eed;}

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, #01060e is the darkest color, while #fbfcff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#030e20
```
#030e20 rgb(3,14,32)
```
#041532
```
#041532 rgb(4,21,50)
```
#061d44
```
#061d44 rgb(6,29,68)
```
#072556
```
#072556 rgb(7,37,86)
```
#082d69
```
#082d69 rgb(8,45,105)
```
#0a357b
```
#0a357b rgb(10,53,123)
```
#0b3c8d
```
#0b3c8d rgb(11,60,141)
```
#0d449f
```
#0d449f rgb(13,68,159)
```
#0e4cb1
```
#0e4cb1 rgb(14,76,177)
```
#1054c3
```
#1054c3 rgb(16,84,195)
```
#115bd5
```
#115bd5 rgb(17,91,213)
```
#1363e8
```
#1363e8 rgb(19,99,232)
```

Shade Color Variation

#216eed
```
#216eed rgb(33,110,237)
```
#337aee
```
#337aee rgb(51,122,238)
```
#4586f0
```
#4586f0 rgb(69,134,240)
```
#5792f1
```
#5792f1 rgb(87,146,241)
```
#6a9df3
```
#6a9df3 rgb(106,157,243)
```
#7ca9f4
```
#7ca9f4 rgb(124,169,244)
```
#8eb5f6
```
#8eb5f6 rgb(142,181,246)
```
#a0c1f7
```
#a0c1f7 rgb(160,193,247)
```
#b2cdf9
```
#b2cdf9 rgb(178,205,249)
```
#c4d9fa
```
#c4d9fa rgb(196,217,250)
```
#d6e5fc
```
#d6e5fc rgb(214,229,252)
```
#e9f0fd
```
#e9f0fd rgb(233,240,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878787 is the less saturated color, while #186cf6 is the most saturated one.

#878787
```
#878787 rgb(135,135,135)
```
#7d8591
```
#7d8591 rgb(125,133,145)
```
#74829a
```
#74829a rgb(116,130,154)
```
#6b80a3
```
#6b80a3 rgb(107,128,163)
```
#627eac
```
#627eac rgb(98,126,172)
```
#587cb6
```
#587cb6 rgb(88,124,182)
```
#4f79bf
```
#4f79bf rgb(79,121,191)
```
#4677c8
```
#4677c8 rgb(70,119,200)
```
#3d75d1
```
#3d75d1 rgb(61,117,209)
```
#3373db
```
#3373db rgb(51,115,219)
```
#2a70e4
```
#2a70e4 rgb(42,112,228)
```
#216eed
```
#216eed rgb(33,110,237)
```
#186cf6
```
#186cf6 rgb(24,108,246)
```

Tone Color Variation

Below, you can see how #216eed 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

#656565 Achromatopsia 0.005% of the population
#576780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#0c74eb Protanomaly 1% of men, 0.01% of women
#0c78d9 Deuteranomaly 6% of men, 0.4% of women
#0c7eb1 Tritanomaly 0.01% of the population

#216eed hex color

#216eed Color Information

#216eed Color Conversion

Color Schemes with #216eed

Alternatives to #216eed

#216eed Preview

Shades and Tints of #216eed

Tones of #216eed

Color Blindness Simulator