#2196ce Color Information
In a RGB color space, hex #2196ce is composed of 12.9% red, 58.8% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 27.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 199.4 degrees, a saturation of 72.4% and a lightness of 46.9%. #2196ce color hex could be obtained by blending #42ffff with #002d9d. Closest websafe color is: #3399cc.
-
- R 13
- G 59
- B 81
-
- C 84
- M 27
- Y 0
- K 19
● #2196ce color description : Strong blue.
#2196ce Color Conversion
The hexadecimal color #2196ce has RGB values of R:33, G:150, B:206 and CMYK values of C:0.84, M:0.27, Y:0, K:0.19. Its decimal value is 2201294.
Hex triplet | 2196ce | #2196ce |
---|---|---|
RGB Decimal | 33, 150, 206 | rgb(33,150,206) |
RGB Percent | 12.9, 58.8, 80.8 | rgb(12.9%,58.8%,80.8%) |
CMYK | 84, 27, 0, 19 | |
HSL | 199.4°, 72.4, 46.9 | hsl(199.4,72.4%,46.9%) |
HSV (or HSB) | 199.4°, 84, 80.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 58.593, -11.435, -37.452 |
---|---|
XYZ | 22.671, 26.59, 62.327 |
xyY | 0.203, 0.238, 26.59 |
CIE-LCH | 58.593, 39.159, 253.021 |
CIE-LUV | 58.593, -37.179, -57.172 |
Hunter-Lab | 51.566, -11.761, -35.567 |
Binary | 00100001, 10010110, 11001110 |
Color Schemes with #2196ce
Alternatives to #2196ce
Below, you can see some colors close to #2196ce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196ce Preview
This text has a font color of #2196ce.
<span style="color:#2196ce;">Text here</span>
This paragraph has a background color of #2196ce.
<p style="background-color:#2196ce;">Content here</p>
This element has a border color of #2196ce.
<div style="border:1px solid #2196ce;">Content here</div>
.text {color:#2196ce;}
.background {background-color:#2196ce;}
.border {border:1px solid #2196ce;}
Shades and Tints of #2196ce
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, #000203 is the darkest color, while #f1f9fd is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#030f14
#030f14
rgb(3,15,20)
-
#061b25
#061b25
rgb(6,27,37)
-
#092736
#092736
rgb(9,39,54)
-
#0b3447
#0b3447
rgb(11,52,71)
-
#0e4058
#0e4058
rgb(14,64,88)
-
#114c69
#114c69
rgb(17,76,105)
-
#135879
#135879
rgb(19,88,121)
-
#16658a
#16658a
rgb(22,101,138)
-
#19719b
#19719b
rgb(25,113,155)
-
#1c7dac
#1c7dac
rgb(28,125,172)
-
#1e8abd
#1e8abd
rgb(30,138,189)
-
#2196ce
#2196ce
rgb(33,150,206)
-
#26a1dc
#26a1dc
rgb(38,161,220)
-
#37a9df
#37a9df
rgb(55,169,223)
-
#48b0e2
#48b0e2
rgb(72,176,226)
-
#59b7e4
#59b7e4
rgb(89,183,228)
-
#6abfe7
#6abfe7
rgb(106,191,231)
-
#7bc6ea
#7bc6ea
rgb(123,198,234)
-
#8ccded
#8ccded
rgb(140,205,237)
-
#9dd5ef
#9dd5ef
rgb(157,213,239)
-
#aedcf2
#aedcf2
rgb(174,220,242)
-
#bee3f5
#bee3f5
rgb(190,227,245)
-
#cfeaf7
#cfeaf7
rgb(207,234,247)
-
#e0f2fa
#e0f2fa
rgb(224,242,250)
-
#f1f9fd
#f1f9fd
rgb(241,249,253)
Tones of #2196ce
A tone is produced by adding gray to any pure hue. In this case, #74797b is the less saturated color, while #05a0ea is the most saturated one.
-
#74797b
#74797b
rgb(116,121,123)
-
#6b7c84
#6b7c84
rgb(107,124,132)
-
#617f8e
#617f8e
rgb(97,127,142)
-
#588397
#588397
rgb(88,131,151)
-
#4f86a0
#4f86a0
rgb(79,134,160)
-
#4689a9
#4689a9
rgb(70,137,169)
-
#3d8cb2
#3d8cb2
rgb(61,140,178)
-
#3390bc
#3390bc
rgb(51,144,188)
-
#2a93c5
#2a93c5
rgb(42,147,197)
-
#2196ce
#2196ce
rgb(33,150,206)
-
#1899d7
#1899d7
rgb(24,153,215)
-
#0f9ce0
#0f9ce0
rgb(15,156,224)
-
#05a0ea
#05a0ea
rgb(5,160,234)
Color Blindness Simulator
Below, you can see how #2196ce 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.