#2196b4 Color Information
In a RGB color space, hex #2196b4 is composed of 12.9% red, 58.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 16.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 192.2 degrees, a saturation of 69% and a lightness of 41.8%. #2196b4 color hex could be obtained by blending #42ffff with #002d69. Closest websafe color is: #3399cc.
-
- R 13
- G 59
- B 71
-
- C 82
- M 17
- Y 0
- K 29
● #2196b4 color description : Strong cyan.
#2196b4 Color Conversion
The hexadecimal color #2196b4 has RGB values of R:33, G:150, B:180 and CMYK values of C:0.82, M:0.17, Y:0, K:0.29. Its decimal value is 2201268.
Hex triplet | 2196b4 | #2196b4 |
---|---|---|
RGB Decimal | 33, 150, 180 | rgb(33,150,180) |
RGB Percent | 12.9, 58.8, 70.6 | rgb(12.9%,58.8%,70.6%) |
CMYK | 82, 17, 0, 29 | |
HSL | 192.2°, 69, 41.8 | hsl(192.2,69%,41.8%) |
HSV (or HSB) | 192.2°, 81.7, 70.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.491, -20.525, -24.488 |
---|---|
XYZ | 19.77, 25.429, 47.044 |
xyY | 0.214, 0.276, 25.429 |
CIE-LCH | 57.491, 31.952, 230.031 |
CIE-LUV | 57.491, -38.888, -34.636 |
Hunter-Lab | 50.428, -18.27, -20.012 |
Binary | 00100001, 10010110, 10110100 |
Color Schemes with #2196b4
Alternatives to #2196b4
Below, you can see some colors close to #2196b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196b4 Preview
This text has a font color of #2196b4.
<span style="color:#2196b4;">Text here</span>
This paragraph has a background color of #2196b4.
<p style="background-color:#2196b4;">Content here</p>
This element has a border color of #2196b4.
<div style="border:1px solid #2196b4;">Content here</div>
.text {color:#2196b4;}
.background {background-color:#2196b4;}
.border {border:1px solid #2196b4;}
Shades and Tints of #2196b4
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, #030c0e is the darkest color, while #fdfeff is the lightest one.
-
#030c0e
#030c0e
rgb(3,12,14)
-
#061a1f
#061a1f
rgb(6,26,31)
-
#09272f
#09272f
rgb(9,39,47)
-
#0c3540
#0c3540
rgb(12,53,64)
-
#0f4351
#0f4351
rgb(15,67,81)
-
#125161
#125161
rgb(18,81,97)
-
#155f72
#155f72
rgb(21,95,114)
-
#186d82
#186d82
rgb(24,109,130)
-
#1b7a93
#1b7a93
rgb(27,122,147)
-
#1e88a3
#1e88a3
rgb(30,136,163)
-
#2196b4
#2196b4
rgb(33,150,180)
-
#24a4c5
#24a4c5
rgb(36,164,197)
-
#27b2d5
#27b2d5
rgb(39,178,213)
-
#36b9da
#36b9da
rgb(54,185,218)
-
#46bedd
#46bedd
rgb(70,190,221)
-
#57c4e0
#57c4e0
rgb(87,196,224)
-
#67cae3
#67cae3
rgb(103,202,227)
-
#78d0e6
#78d0e6
rgb(120,208,230)
-
#89d6e9
#89d6e9
rgb(137,214,233)
-
#99dbec
#99dbec
rgb(153,219,236)
-
#aae1ef
#aae1ef
rgb(170,225,239)
-
#bae7f2
#bae7f2
rgb(186,231,242)
-
#cbedf5
#cbedf5
rgb(203,237,245)
-
#dcf3f8
#dcf3f8
rgb(220,243,248)
-
#ecf8fc
#ecf8fc
rgb(236,248,252)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #2196b4
A tone is produced by adding gray to any pure hue. In this case, #636f72 is the less saturated color, while #00a9d5 is the most saturated one.
-
#636f72
#636f72
rgb(99,111,114)
-
#5a747b
#5a747b
rgb(90,116,123)
-
#527983
#527983
rgb(82,121,131)
-
#4a7e8b
#4a7e8b
rgb(74,126,139)
-
#428393
#428393
rgb(66,131,147)
-
#3a879b
#3a879b
rgb(58,135,155)
-
#318ca4
#318ca4
rgb(49,140,164)
-
#2991ac
#2991ac
rgb(41,145,172)
-
#2196b4
#2196b4
rgb(33,150,180)
-
#199bbc
#199bbc
rgb(25,155,188)
-
#11a0c4
#11a0c4
rgb(17,160,196)
-
#08a5cd
#08a5cd
rgb(8,165,205)
-
#00a9d5
#00a9d5
rgb(0,169,213)
Color Blindness Simulator
Below, you can see how #2196b4 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.