#216bff Color Information
In a RGB color space, hex #216bff is composed of 12.9% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 220 degrees, a saturation of 100% and a lightness of 56.5%. #216bff color hex could be obtained by blending #42d6ff with #0000ff. Closest websafe color is: #3366ff.
-
- R 13
- G 42
- B 100
-
- C 87
- M 58
- Y 0
- K 0
● #216bff color description : Vivid blue.
#216bff Color Conversion
The hexadecimal color #216bff has RGB values of R:33, G:107, B:255 and CMYK values of C:0.87, M:0.58, Y:0, K:0. Its decimal value is 2190335.
Hex triplet | 216bff | #216bff |
---|---|---|
RGB Decimal | 33, 107, 255 | rgb(33,107,255) |
RGB Percent | 12.9, 42, 100 | rgb(12.9%,42%,100%) |
CMYK | 87, 58, 0, 0 | |
HSL | 220°, 100, 56.5 | hsl(220,100%,56.5%) |
HSV (or HSB) | 220°, 87.1, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.565, 33.119, -79.284 |
---|---|
XYZ | 23.931, 18.057, 96.826 |
xyY | 0.172, 0.13, 18.057 |
CIE-LCH | 49.565, 85.924, 292.672 |
CIE-LUV | 49.565, -22.089, -122.853 |
Hunter-Lab | 42.493, 26.163, -105.355 |
Binary | 00100001, 01101011, 11111111 |
Color Schemes with #216bff
Alternatives to #216bff
Below, you can see some colors close to #216bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#216bff Preview
This text has a font color of #216bff.
<span style="color:#216bff;">Text here</span>
This paragraph has a background color of #216bff.
<p style="background-color:#216bff;">Content here</p>
This element has a border color of #216bff.
<div style="border:1px solid #216bff;">Content here</div>
.text {color:#216bff;}
.background {background-color:#216bff;}
.border {border:1px solid #216bff;}
Shades and Tints of #216bff
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, #00040d is the darkest color, while #f9fbff is the lightest one.
-
#00040d
#00040d
rgb(0,4,13)
-
#000b21
#000b21
rgb(0,11,33)
-
#001235
#001235
rgb(0,18,53)
-
#001848
#001848
rgb(0,24,72)
-
#001f5c
#001f5c
rgb(0,31,92)
-
#00256f
#00256f
rgb(0,37,111)
-
#002c83
#002c83
rgb(0,44,131)
-
#003297
#003297
rgb(0,50,151)
-
#0039aa
#0039aa
rgb(0,57,170)
-
#003fbe
#003fbe
rgb(0,63,190)
-
#0046d2
#0046d2
rgb(0,70,210)
-
#004ce5
#004ce5
rgb(0,76,229)
-
#0053f9
#0053f9
rgb(0,83,249)
-
#0d5eff
#0d5eff
rgb(13,94,255)
-
#216bff
#216bff
rgb(33,107,255)
-
#3578ff
#3578ff
rgb(53,120,255)
-
#4885ff
#4885ff
rgb(72,133,255)
-
#5c92ff
#5c92ff
rgb(92,146,255)
-
#6f9fff
#6f9fff
rgb(111,159,255)
-
#83acff
#83acff
rgb(131,172,255)
-
#97b9ff
#97b9ff
rgb(151,185,255)
-
#aac7ff
#aac7ff
rgb(170,199,255)
-
#bed4ff
#bed4ff
rgb(190,212,255)
-
#d2e1ff
#d2e1ff
rgb(210,225,255)
-
#e5eeff
#e5eeff
rgb(229,238,255)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #216bff
A tone is produced by adding gray to any pure hue. In this case, #878d99 is the less saturated color, while #216bff is the most saturated one.
-
#878d99
#878d99
rgb(135,141,153)
-
#7f8aa1
#7f8aa1
rgb(127,138,161)
-
#7687aa
#7687aa
rgb(118,135,170)
-
#6e85b2
#6e85b2
rgb(110,133,178)
-
#6582bb
#6582bb
rgb(101,130,187)
-
#5d7fc3
#5d7fc3
rgb(93,127,195)
-
#547ccc
#547ccc
rgb(84,124,204)
-
#4c79d4
#4c79d4
rgb(76,121,212)
-
#4376dd
#4376dd
rgb(67,118,221)
-
#3b74e5
#3b74e5
rgb(59,116,229)
-
#3271ee
#3271ee
rgb(50,113,238)
-
#2a6ef6
#2a6ef6
rgb(42,110,246)
-
#216bff
#216bff
rgb(33,107,255)
Color Blindness Simulator
Below, you can see how #216bff 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.