#2196ff Color Information
In a RGB color space, hex #2196ff is composed of 12.9% red, 58.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 41.2% magenta, 0% yellow and 0% black. It has a hue angle of 208.4 degrees, a saturation of 100% and a lightness of 56.5%. #2196ff color hex could be obtained by blending #42ffff with #002dff. Closest websafe color is: #3399ff.
-
- R 13
- G 59
- B 100
-
- C 87
- M 41
- Y 0
- K 0
● #2196ff color description : Vivid blue.
#2196ff Color Conversion
The hexadecimal color #2196ff has RGB values of R:33, G:150, B:255 and CMYK values of C:0.87, M:0.41, Y:0, K:0. Its decimal value is 2201343.
Hex triplet | 2196ff | #2196ff |
---|---|---|
RGB Decimal | 33, 150, 255 | rgb(33,150,255) |
RGB Percent | 12.9, 58.8, 100 | rgb(12.9%,58.8%,100%) |
CMYK | 87, 41, 0, 0 | |
HSL | 208.4°, 100, 56.5 | hsl(208.4,100%,56.5%) |
HSV (or HSB) | 208.4°, 87.1, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 61.092, 6.54, -60.648 |
---|---|
XYZ | 29.579, 29.353, 98.709 |
xyY | 0.188, 0.186, 29.353 |
CIE-LCH | 61.092, 61, 276.154 |
CIE-LUV | 61.092, -34.452, -98.049 |
Hunter-Lab | 54.179, 2.641, -70.096 |
Binary | 00100001, 10010110, 11111111 |
Color Schemes with #2196ff
Alternatives to #2196ff
Below, you can see some colors close to #2196ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196ff Preview
This text has a font color of #2196ff.
<span style="color:#2196ff;">Text here</span>
This paragraph has a background color of #2196ff.
<p style="background-color:#2196ff;">Content here</p>
This element has a border color of #2196ff.
<div style="border:1px solid #2196ff;">Content here</div>
.text {color:#2196ff;}
.background {background-color:#2196ff;}
.border {border:1px solid #2196ff;}
Shades and Tints of #2196ff
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, #00070d is the darkest color, while #f9fcff is the lightest one.
-
#00070d
#00070d
rgb(0,7,13)
-
#001121
#001121
rgb(0,17,33)
-
#001c35
#001c35
rgb(0,28,53)
-
#002648
#002648
rgb(0,38,72)
-
#00305c
#00305c
rgb(0,48,92)
-
#003b6f
#003b6f
rgb(0,59,111)
-
#004583
#004583
rgb(0,69,131)
-
#004f97
#004f97
rgb(0,79,151)
-
#005aaa
#005aaa
rgb(0,90,170)
-
#0064be
#0064be
rgb(0,100,190)
-
#006ed2
#006ed2
rgb(0,110,210)
-
#0079e5
#0079e5
rgb(0,121,229)
-
#0083f9
#0083f9
rgb(0,131,249)
-
#0d8dff
#0d8dff
rgb(13,141,255)
-
#2196ff
#2196ff
rgb(33,150,255)
-
#359fff
#359fff
rgb(53,159,255)
-
#48a9ff
#48a9ff
rgb(72,169,255)
-
#5cb2ff
#5cb2ff
rgb(92,178,255)
-
#6fbbff
#6fbbff
rgb(111,187,255)
-
#83c4ff
#83c4ff
rgb(131,196,255)
-
#97ceff
#97ceff
rgb(151,206,255)
-
#aad7ff
#aad7ff
rgb(170,215,255)
-
#bee0ff
#bee0ff
rgb(190,224,255)
-
#d2e9ff
#d2e9ff
rgb(210,233,255)
-
#e5f3ff
#e5f3ff
rgb(229,243,255)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #2196ff
A tone is produced by adding gray to any pure hue. In this case, #879099 is the less saturated color, while #2196ff is the most saturated one.
-
#879099
#879099
rgb(135,144,153)
-
#7f91a1
#7f91a1
rgb(127,145,161)
-
#7691aa
#7691aa
rgb(118,145,170)
-
#6e92b2
#6e92b2
rgb(110,146,178)
-
#6592bb
#6592bb
rgb(101,146,187)
-
#5d93c3
#5d93c3
rgb(93,147,195)
-
#5493cc
#5493cc
rgb(84,147,204)
-
#4c94d4
#4c94d4
rgb(76,148,212)
-
#4394dd
#4394dd
rgb(67,148,221)
-
#3b95e5
#3b95e5
rgb(59,149,229)
-
#3295ee
#3295ee
rgb(50,149,238)
-
#2a96f6
#2a96f6
rgb(42,150,246)
-
#2196ff
#2196ff
rgb(33,150,255)
Color Blindness Simulator
Below, you can see how #2196ff 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.