#2196ec Color Information
In a RGB color space, hex #2196ec is composed of 12.9% red, 58.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 36.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 205.4 degrees, a saturation of 84.2% and a lightness of 52.7%. #2196ec color hex could be obtained by blending #42ffff with #002dd9. Closest websafe color is: #3399ff.
-
- R 13
- G 59
- B 93
-
- C 86
- M 36
- Y 0
- K 7
● #2196ec color description : Vivid blue.
#2196ec Color Conversion
The hexadecimal color #2196ec has RGB values of R:33, G:150, B:236 and CMYK values of C:0.86, M:0.36, Y:0, K:0.07. Its decimal value is 2201324.
Hex triplet | 2196ec | #2196ec |
---|---|---|
RGB Decimal | 33, 150, 236 | rgb(33,150,236) |
RGB Percent | 12.9, 58.8, 92.5 | rgb(12.9%,58.8%,92.5%) |
CMYK | 86, 36, 0, 7 | |
HSL | 205.4°, 84.2, 52.7 | hsl(205.4,84.2%,52.7%) |
HSV (or HSB) | 205.4°, 86, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.06, -0.504, -51.845 |
---|---|
XYZ | 26.67, 28.19, 83.388 |
xyY | 0.193, 0.204, 28.19 |
CIE-LCH | 60.06, 51.848, 269.444 |
CIE-LUV | 60.06, -35.423, -82.552 |
Hunter-Lab | 53.094, -3.25, -55.953 |
Binary | 00100001, 10010110, 11101100 |
Color Schemes with #2196ec
Alternatives to #2196ec
Below, you can see some colors close to #2196ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196ec Preview
This text has a font color of #2196ec.
<span style="color:#2196ec;">Text here</span>
This paragraph has a background color of #2196ec.
<p style="background-color:#2196ec;">Content here</p>
This element has a border color of #2196ec.
<div style="border:1px solid #2196ec;">Content here</div>
.text {color:#2196ec;}
.background {background-color:#2196ec;}
.border {border:1px solid #2196ec;}
Shades and Tints of #2196ec
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, #01080d is the darkest color, while #fafdff is the lightest one.
-
#01080d
#01080d
rgb(1,8,13)
-
#03131f
#03131f
rgb(3,19,31)
-
#041e31
#041e31
rgb(4,30,49)
-
#062943
#062943
rgb(6,41,67)
-
#073455
#073455
rgb(7,52,85)
-
#093f67
#093f67
rgb(9,63,103)
-
#0a4a79
#0a4a79
rgb(10,74,121)
-
#0c558b
#0c558b
rgb(12,85,139)
-
#0d609d
#0d609d
rgb(13,96,157)
-
#0f6cb0
#0f6cb0
rgb(15,108,176)
-
#1177c2
#1177c2
rgb(17,119,194)
-
#1282d4
#1282d4
rgb(18,130,212)
-
#148de6
#148de6
rgb(20,141,230)
-
#2196ec
#2196ec
rgb(33,150,236)
-
#339fee
#339fee
rgb(51,159,238)
-
#45a7ef
#45a7ef
rgb(69,167,239)
-
#57b0f1
#57b0f1
rgb(87,176,241)
-
#69b8f2
#69b8f2
rgb(105,184,242)
-
#7bc1f4
#7bc1f4
rgb(123,193,244)
-
#8dc9f5
#8dc9f5
rgb(141,201,245)
-
#9fd2f7
#9fd2f7
rgb(159,210,247)
-
#b2daf8
#b2daf8
rgb(178,218,248)
-
#c4e3fa
#c4e3fa
rgb(196,227,250)
-
#d6ebfb
#d6ebfb
rgb(214,235,251)
-
#e8f4fd
#e8f4fd
rgb(232,244,253)
-
#fafdff
#fafdff
rgb(250,253,255)
Tones of #2196ec
A tone is produced by adding gray to any pure hue. In this case, #7e888f is the less saturated color, while #0e99ff is the most saturated one.
-
#7e888f
#7e888f
rgb(126,136,143)
-
#748999
#748999
rgb(116,137,153)
-
#6b8ba2
#6b8ba2
rgb(107,139,162)
-
#628cab
#628cab
rgb(98,140,171)
-
#598eb4
#598eb4
rgb(89,142,180)
-
#4f8fbe
#4f8fbe
rgb(79,143,190)
-
#4690c7
#4690c7
rgb(70,144,199)
-
#3d92d0
#3d92d0
rgb(61,146,208)
-
#3493d9
#3493d9
rgb(52,147,217)
-
#2a95e3
#2a95e3
rgb(42,149,227)
-
#2196ec
#2196ec
rgb(33,150,236)
-
#1897f5
#1897f5
rgb(24,151,245)
-
#0e99ff
#0e99ff
rgb(14,153,255)
Color Blindness Simulator
Below, you can see how #2196ec 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.