#216be9 Color Information
In a RGB color space, hex #216be9 is composed of 12.9% red, 42% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 54.1% magenta, 0% yellow and 8.6% black. It has a hue angle of 217.8 degrees, a saturation of 82% and a lightness of 52.2%. #216be9 color hex could be obtained by blending #42d6ff with #0000d3. Closest websafe color is: #3366ff.
-
- R 13
- G 42
- B 91
-
- C 86
- M 54
- Y 0
- K 9
● #216be9 color description : Vivid blue.
#216be9 Color Conversion
The hexadecimal color #216be9 has RGB values of R:33, G:107, B:233 and CMYK values of C:0.86, M:0.54, Y:0, K:0.09. Its decimal value is 2190313.
Hex triplet | 216be9 | #216be9 |
---|---|---|
RGB Decimal | 33, 107, 233 | rgb(33,107,233) |
RGB Percent | 12.9, 42, 91.4 | rgb(12.9%,42%,91.4%) |
CMYK | 86, 54, 0, 9 | |
HSL | 217.8°, 82, 52.2 | hsl(217.8,82%,52.2%) |
HSV (or HSB) | 217.8°, 85.8, 91.4 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.906, 24.835, -69.707 |
---|---|
XYZ | 20.59, 16.72, 79.228 |
xyY | 0.177, 0.143, 16.72 |
CIE-LCH | 47.906, 73.999, 289.61 |
CIE-LUV | 47.906, -22.457, -107.577 |
Hunter-Lab | 40.89, 18.323, -86.256 |
Binary | 00100001, 01101011, 11101001 |
Color Schemes with #216be9
Alternatives to #216be9
Below, you can see some colors close to #216be9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#216be9 Preview
This text has a font color of #216be9.
<span style="color:#216be9;">Text here</span>
This paragraph has a background color of #216be9.
<p style="background-color:#216be9;">Content here</p>
This element has a border color of #216be9.
<div style="border:1px solid #216be9;">Content here</div>
.text {color:#216be9;}
.background {background-color:#216be9;}
.border {border:1px solid #216be9;}
Shades and Tints of #216be9
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, #01040a is the darkest color, while #f7fafe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#030c1c
#030c1c
rgb(3,12,28)
-
#05142e
#05142e
rgb(5,20,46)
-
#061b40
#061b40
rgb(6,27,64)
-
#082351
#082351
rgb(8,35,81)
-
#0a2b63
#0a2b63
rgb(10,43,99)
-
#0c3375
#0c3375
rgb(12,51,117)
-
#0d3a87
#0d3a87
rgb(13,58,135)
-
#0f4299
#0f4299
rgb(15,66,153)
-
#114aab
#114aab
rgb(17,74,171)
-
#1352bc
#1352bc
rgb(19,82,188)
-
#1459ce
#1459ce
rgb(20,89,206)
-
#1661e0
#1661e0
rgb(22,97,224)
-
#216be9
#216be9
rgb(33,107,233)
-
#3377eb
#3377eb
rgb(51,119,235)
-
#4583ed
#4583ed
rgb(69,131,237)
-
#578fee
#578fee
rgb(87,143,238)
-
#689bf0
#689bf0
rgb(104,155,240)
-
#7aa6f2
#7aa6f2
rgb(122,166,242)
-
#8cb2f4
#8cb2f4
rgb(140,178,244)
-
#9ebef5
#9ebef5
rgb(158,190,245)
-
#b0caf7
#b0caf7
rgb(176,202,247)
-
#c2d6f9
#c2d6f9
rgb(194,214,249)
-
#d3e2fb
#d3e2fb
rgb(211,226,251)
-
#e5eefc
#e5eefc
rgb(229,238,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #216be9
A tone is produced by adding gray to any pure hue. In this case, #7f838b is the less saturated color, while #0e66fc is the most saturated one.
-
#7f838b
#7f838b
rgb(127,131,139)
-
#758195
#758195
rgb(117,129,149)
-
#6c7f9e
#6c7f9e
rgb(108,127,158)
-
#637ca7
#637ca7
rgb(99,124,167)
-
#597ab1
#597ab1
rgb(89,122,177)
-
#5077ba
#5077ba
rgb(80,119,186)
-
#4775c3
#4775c3
rgb(71,117,195)
-
#3d72cd
#3d72cd
rgb(61,114,205)
-
#3470d6
#3470d6
rgb(52,112,214)
-
#2a6de0
#2a6de0
rgb(42,109,224)
-
#216be9
#216be9
rgb(33,107,233)
-
#1869f2
#1869f2
rgb(24,105,242)
-
#0e66fc
#0e66fc
rgb(14,102,252)
Color Blindness Simulator
Below, you can see how #216be9 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.