#2196bb Color Information
In a RGB color space, hex #2196bb is composed of 12.9% red, 58.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 19.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 194.4 degrees, a saturation of 70% and a lightness of 43.1%. #2196bb color hex could be obtained by blending #42ffff with #002d77. Closest websafe color is: #3399cc.
-
- R 13
- G 59
- B 73
-
- C 82
- M 20
- Y 0
- K 27
● #2196bb color description : Strong cyan.
#2196bb Color Conversion
The hexadecimal color #2196bb has RGB values of R:33, G:150, B:187 and CMYK values of C:0.82, M:0.2, Y:0, K:0.27. Its decimal value is 2201275.
Hex triplet | 2196bb | #2196bb |
---|---|---|
RGB Decimal | 33, 150, 187 | rgb(33,150,187) |
RGB Percent | 12.9, 58.8, 73.3 | rgb(12.9%,58.8%,73.3%) |
CMYK | 82, 20, 0, 27 | |
HSL | 194.4°, 70, 43.1 | hsl(194.4,70%,43.1%) |
HSV (or HSB) | 194.4°, 82.4, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.772, -18.127, -28.022 |
---|---|
XYZ | 20.501, 25.722, 50.895 |
xyY | 0.211, 0.265, 25.722 |
CIE-LCH | 57.772, 33.374, 237.103 |
CIE-LUV | 57.772, -38.414, -40.721 |
Hunter-Lab | 50.717, -16.601, -23.997 |
Binary | 00100001, 10010110, 10111011 |
Color Schemes with #2196bb
Alternatives to #2196bb
Below, you can see some colors close to #2196bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196bb Preview
This text has a font color of #2196bb.
<span style="color:#2196bb;">Text here</span>
This paragraph has a background color of #2196bb.
<p style="background-color:#2196bb;">Content here</p>
This element has a border color of #2196bb.
<div style="border:1px solid #2196bb;">Content here</div>
.text {color:#2196bb;}
.background {background-color:#2196bb;}
.border {border:1px solid #2196bb;}
Shades and Tints of #2196bb
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, #010304 is the darkest color, while #f2fafd is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#041014
#041014
rgb(4,16,20)
-
#071e25
#071e25
rgb(7,30,37)
-
#092b36
#092b36
rgb(9,43,54)
-
#0c3846
#0c3846
rgb(12,56,70)
-
#0f4657
#0f4657
rgb(15,70,87)
-
#125368
#125368
rgb(18,83,104)
-
#156178
#156178
rgb(21,97,120)
-
#186e89
#186e89
rgb(24,110,137)
-
#1b7b9a
#1b7b9a
rgb(27,123,154)
-
#1e89aa
#1e89aa
rgb(30,137,170)
-
#2196bb
#2196bb
rgb(33,150,187)
-
#24a3cc
#24a3cc
rgb(36,163,204)
-
#2aafd9
#2aafd9
rgb(42,175,217)
-
#3bb5dc
#3bb5dc
rgb(59,181,220)
-
#4bbcdf
#4bbcdf
rgb(75,188,223)
-
#5cc2e2
#5cc2e2
rgb(92,194,226)
-
#6dc8e5
#6dc8e5
rgb(109,200,229)
-
#7dcee8
#7dcee8
rgb(125,206,232)
-
#8ed5eb
#8ed5eb
rgb(142,213,235)
-
#9fdbee
#9fdbee
rgb(159,219,238)
-
#afe1f1
#afe1f1
rgb(175,225,241)
-
#c0e7f4
#c0e7f4
rgb(192,231,244)
-
#d1eef7
#d1eef7
rgb(209,238,247)
-
#e1f4fa
#e1f4fa
rgb(225,244,250)
-
#f2fafd
#f2fafd
rgb(242,250,253)
Tones of #2196bb
A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #08a3d4 is the most saturated one.
-
#6d6e6f
#6d6e6f
rgb(109,110,111)
-
#657377
#657377
rgb(101,115,119)
-
#5c7780
#5c7780
rgb(92,119,128)
-
#547c88
#547c88
rgb(84,124,136)
-
#4b8091
#4b8091
rgb(75,128,145)
-
#438499
#438499
rgb(67,132,153)
-
#3a89a2
#3a89a2
rgb(58,137,162)
-
#328daa
#328daa
rgb(50,141,170)
-
#2992b3
#2992b3
rgb(41,146,179)
-
#2196bb
#2196bb
rgb(33,150,187)
-
#199ac3
#199ac3
rgb(25,154,195)
-
#109fcc
#109fcc
rgb(16,159,204)
-
#08a3d4
#08a3d4
rgb(8,163,212)
Color Blindness Simulator
Below, you can see how #2196bb 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.