#2196c4 Color Information
In a RGB color space, hex #2196c4 is composed of 12.9% red, 58.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 23.5% magenta, 0% yellow and 23.1% black. It has a hue angle of 196.9 degrees, a saturation of 71.2% and a lightness of 44.9%. #2196c4 color hex could be obtained by blending #42ffff with #002d89. Closest websafe color is: #3399cc.
-
- R 13
- G 59
- B 77
-
- C 83
- M 23
- Y 0
- K 23
● #2196c4 color description : Strong blue.
#2196c4 Color Conversion
The hexadecimal color #2196c4 has RGB values of R:33, G:150, B:196 and CMYK values of C:0.83, M:0.23, Y:0, K:0.23. Its decimal value is 2201284.
Hex triplet | 2196c4 | #2196c4 |
---|---|---|
RGB Decimal | 33, 150, 196 | rgb(33,150,196) |
RGB Percent | 12.9, 58.8, 76.9 | rgb(12.9%,58.8%,76.9%) |
CMYK | 83, 23, 0, 23 | |
HSL | 196.9°, 71.2, 44.9 | hsl(196.9,71.2%,44.9%) |
HSV (or HSB) | 196.9°, 83.2, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 58.15, -14.987, -32.519 |
---|---|
XYZ | 21.495, 26.12, 56.13 |
xyY | 0.207, 0.252, 26.12 |
CIE-LCH | 58.15, 35.807, 245.257 |
CIE-LUV | 58.15, -37.819, -48.534 |
Hunter-Lab | 51.107, -14.364, -29.342 |
Binary | 00100001, 10010110, 11000100 |
Color Schemes with #2196c4
Alternatives to #2196c4
Below, you can see some colors close to #2196c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196c4 Preview
This text has a font color of #2196c4.
<span style="color:#2196c4;">Text here</span>
This paragraph has a background color of #2196c4.
<p style="background-color:#2196c4;">Content here</p>
This element has a border color of #2196c4.
<div style="border:1px solid #2196c4;">Content here</div>
.text {color:#2196c4;}
.background {background-color:#2196c4;}
.border {border:1px solid #2196c4;}
Shades and Tints of #2196c4
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, #02090b is the darkest color, while #fafdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#05161c
#05161c
rgb(5,22,28)
-
#08222d
#08222d
rgb(8,34,45)
-
#0a2f3e
#0a2f3e
rgb(10,47,62)
-
#0d3c4e
#0d3c4e
rgb(13,60,78)
-
#10495f
#10495f
rgb(16,73,95)
-
#135670
#135670
rgb(19,86,112)
-
#166381
#166381
rgb(22,99,129)
-
#196f92
#196f92
rgb(25,111,146)
-
#1b7ca2
#1b7ca2
rgb(27,124,162)
-
#1e89b3
#1e89b3
rgb(30,137,179)
-
#2196c4
#2196c4
rgb(33,150,196)
-
#24a3d5
#24a3d5
rgb(36,163,213)
-
#30acdc
#30acdc
rgb(48,172,220)
-
#41b2df
#41b2df
rgb(65,178,223)
-
#52b9e2
#52b9e2
rgb(82,185,226)
-
#62c0e5
#62c0e5
rgb(98,192,229)
-
#73c7e7
#73c7e7
rgb(115,199,231)
-
#84cdea
#84cdea
rgb(132,205,234)
-
#95d4ed
#95d4ed
rgb(149,212,237)
-
#a6dbf0
#a6dbf0
rgb(166,219,240)
-
#b6e2f3
#b6e2f3
rgb(182,226,243)
-
#c7e8f6
#c7e8f6
rgb(199,232,246)
-
#d8eff8
#d8eff8
rgb(216,239,248)
-
#e9f6fb
#e9f6fb
rgb(233,246,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #2196c4
A tone is produced by adding gray to any pure hue. In this case, #707375 is the less saturated color, while #07a2de is the most saturated one.
-
#707375
#707375
rgb(112,115,117)
-
#67777e
#67777e
rgb(103,119,126)
-
#5f7b86
#5f7b86
rgb(95,123,134)
-
#567f8f
#567f8f
rgb(86,127,143)
-
#4d8398
#4d8398
rgb(77,131,152)
-
#4487a1
#4487a1
rgb(68,135,161)
-
#3b8aaa
#3b8aaa
rgb(59,138,170)
-
#338eb2
#338eb2
rgb(51,142,178)
-
#2a92bb
#2a92bb
rgb(42,146,187)
-
#2196c4
#2196c4
rgb(33,150,196)
-
#189acd
#189acd
rgb(24,154,205)
-
#0f9ed6
#0f9ed6
rgb(15,158,214)
-
#07a2de
#07a2de
rgb(7,162,222)
Color Blindness Simulator
Below, you can see how #2196c4 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.