#2196ed Color Information
In a RGB color space, hex #2196ed is composed of 12.9% red, 58.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 36.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 205.6 degrees, a saturation of 85% and a lightness of 52.9%. #2196ed color hex could be obtained by blending #42ffff with #002ddb. Closest websafe color is: #3399ff.
-
- R 13
- G 59
- B 93
-
- C 86
- M 37
- Y 0
- K 7
● #2196ed color description : Vivid blue.
#2196ed Color Conversion
The hexadecimal color #2196ed has RGB values of R:33, G:150, B:237 and CMYK values of C:0.86, M:0.37, Y:0, K:0.07. Its decimal value is 2201325.
Hex triplet | 2196ed | #2196ed |
---|---|---|
RGB Decimal | 33, 150, 237 | rgb(33,150,237) |
RGB Percent | 12.9, 58.8, 92.9 | rgb(12.9%,58.8%,92.9%) |
CMYK | 86, 37, 0, 7 | |
HSL | 205.6°, 85, 52.9 | hsl(205.6,85%,52.9%) |
HSV (or HSB) | 205.6°, 86.1, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.112, -0.134, -52.315 |
---|---|
XYZ | 26.816, 28.248, 84.155 |
xyY | 0.193, 0.203, 28.248 |
CIE-LCH | 60.112, 52.315, 269.853 |
CIE-LUV | 60.112, -35.369, -83.38 |
Hunter-Lab | 53.149, -2.949, -56.675 |
Binary | 00100001, 10010110, 11101101 |
Color Schemes with #2196ed
Alternatives to #2196ed
Below, you can see some colors close to #2196ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196ed Preview
This text has a font color of #2196ed.
<span style="color:#2196ed;">Text here</span>
This paragraph has a background color of #2196ed.
<p style="background-color:#2196ed;">Content here</p>
This element has a border color of #2196ed.
<div style="border:1px solid #2196ed;">Content here</div>
.text {color:#2196ed;}
.background {background-color:#2196ed;}
.border {border:1px solid #2196ed;}
Shades and Tints of #2196ed
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, #01080e is the darkest color, while #fbfdff is the lightest one.
-
#01080e
#01080e
rgb(1,8,14)
-
#031320
#031320
rgb(3,19,32)
-
#041f32
#041f32
rgb(4,31,50)
-
#062a44
#062a44
rgb(6,42,68)
-
#073556
#073556
rgb(7,53,86)
-
#084069
#084069
rgb(8,64,105)
-
#0a4b7b
#0a4b7b
rgb(10,75,123)
-
#0b568d
#0b568d
rgb(11,86,141)
-
#0d619f
#0d619f
rgb(13,97,159)
-
#0e6cb1
#0e6cb1
rgb(14,108,177)
-
#1077c3
#1077c3
rgb(16,119,195)
-
#1182d5
#1182d5
rgb(17,130,213)
-
#138de8
#138de8
rgb(19,141,232)
-
#2196ed
#2196ed
rgb(33,150,237)
-
#339fee
#339fee
rgb(51,159,238)
-
#45a7f0
#45a7f0
rgb(69,167,240)
-
#57b0f1
#57b0f1
rgb(87,176,241)
-
#6ab8f3
#6ab8f3
rgb(106,184,243)
-
#7cc1f4
#7cc1f4
rgb(124,193,244)
-
#8ec9f6
#8ec9f6
rgb(142,201,246)
-
#a0d2f7
#a0d2f7
rgb(160,210,247)
-
#b2dbf9
#b2dbf9
rgb(178,219,249)
-
#c4e3fa
#c4e3fa
rgb(196,227,250)
-
#d6ecfc
#d6ecfc
rgb(214,236,252)
-
#e9f4fd
#e9f4fd
rgb(233,244,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #2196ed
A tone is produced by adding gray to any pure hue. In this case, #878787 is the less saturated color, while #1897f6 is the most saturated one.
-
#878787
#878787
rgb(135,135,135)
-
#7d8891
#7d8891
rgb(125,136,145)
-
#748a9a
#748a9a
rgb(116,138,154)
-
#6b8ba3
#6b8ba3
rgb(107,139,163)
-
#628cac
#628cac
rgb(98,140,172)
-
#588eb6
#588eb6
rgb(88,142,182)
-
#4f8fbf
#4f8fbf
rgb(79,143,191)
-
#4691c8
#4691c8
rgb(70,145,200)
-
#3d92d1
#3d92d1
rgb(61,146,209)
-
#3393db
#3393db
rgb(51,147,219)
-
#2a95e4
#2a95e4
rgb(42,149,228)
-
#2196ed
#2196ed
rgb(33,150,237)
-
#1897f6
#1897f6
rgb(24,151,246)
Color Blindness Simulator
Below, you can see how #2196ed 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.