#2196d1 Color Information
In a RGB color space, hex #2196d1 is composed of 12.9% red, 58.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 28.2% magenta, 0% yellow and 18% black. It has a hue angle of 200.1 degrees, a saturation of 72.7% and a lightness of 47.5%. #2196d1 color hex could be obtained by blending #42ffff with #002da3. Closest websafe color is: #3399cc.
-
- R 13
- G 59
- B 82
-
- C 84
- M 28
- Y 0
- K 18
● #2196d1 color description : Strong blue.
#2196d1 Color Conversion
The hexadecimal color #2196d1 has RGB values of R:33, G:150, B:209 and CMYK values of C:0.84, M:0.28, Y:0, K:0.18. Its decimal value is 2201297.
Hex triplet | 2196d1 | #2196d1 |
---|---|---|
RGB Decimal | 33, 150, 209 | rgb(33,150,209) |
RGB Percent | 12.9, 58.8, 82 | rgb(12.9%,58.8%,82%) |
CMYK | 84, 28, 0, 18 | |
HSL | 200.1°, 72.7, 47.5 | hsl(200.1,72.7%,47.5%) |
HSV (or HSB) | 200.1°, 84.2, 82 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 58.73, -10.359, -38.919 |
---|---|
XYZ | 23.039, 26.737, 64.265 |
xyY | 0.202, 0.234, 26.737 |
CIE-LCH | 58.73, 40.274, 255.095 |
CIE-LUV | 58.73, -36.992, -59.75 |
Hunter-Lab | 51.708, -10.956, -37.492 |
Binary | 00100001, 10010110, 11010001 |
Color Schemes with #2196d1
Alternatives to #2196d1
Below, you can see some colors close to #2196d1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196d1 Preview
This text has a font color of #2196d1.
<span style="color:#2196d1;">Text here</span>
This paragraph has a background color of #2196d1.
<p style="background-color:#2196d1;">Content here</p>
This element has a border color of #2196d1.
<div style="border:1px solid #2196d1;">Content here</div>
.text {color:#2196d1;}
.background {background-color:#2196d1;}
.border {border:1px solid #2196d1;}
Shades and Tints of #2196d1
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, #010406 is the darkest color, while #f4fafd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#041017
#041017
rgb(4,16,23)
-
#061c28
#061c28
rgb(6,28,40)
-
#092939
#092939
rgb(9,41,57)
-
#0c3549
#0c3549
rgb(12,53,73)
-
#0e415a
#0e415a
rgb(14,65,90)
-
#114d6b
#114d6b
rgb(17,77,107)
-
#14597c
#14597c
rgb(20,89,124)
-
#16658d
#16658d
rgb(22,101,141)
-
#19729e
#19729e
rgb(25,114,158)
-
#1c7eaf
#1c7eaf
rgb(28,126,175)
-
#1e8ac0
#1e8ac0
rgb(30,138,192)
-
#2196d1
#2196d1
rgb(33,150,209)
-
#28a1dd
#28a1dd
rgb(40,161,221)
-
#39a8e0
#39a8e0
rgb(57,168,224)
-
#4aafe2
#4aafe2
rgb(74,175,226)
-
#5bb7e5
#5bb7e5
rgb(91,183,229)
-
#6cbee8
#6cbee8
rgb(108,190,232)
-
#7dc6eb
#7dc6eb
rgb(125,198,235)
-
#8ecded
#8ecded
rgb(142,205,237)
-
#9fd5f0
#9fd5f0
rgb(159,213,240)
-
#b0dcf3
#b0dcf3
rgb(176,220,243)
-
#c1e4f5
#c1e4f5
rgb(193,228,245)
-
#d2ebf8
#d2ebf8
rgb(210,235,248)
-
#e3f3fb
#e3f3fb
rgb(227,243,251)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #2196d1
A tone is produced by adding gray to any pure hue. In this case, #757a7d is the less saturated color, while #059fed is the most saturated one.
-
#757a7d
#757a7d
rgb(117,122,125)
-
#6b7d87
#6b7d87
rgb(107,125,135)
-
#628190
#628190
rgb(98,129,144)
-
#598499
#598499
rgb(89,132,153)
-
#5087a2
#5087a2
rgb(80,135,162)
-
#468aac
#468aac
rgb(70,138,172)
-
#3d8db5
#3d8db5
rgb(61,141,181)
-
#3490be
#3490be
rgb(52,144,190)
-
#2a93c8
#2a93c8
rgb(42,147,200)
-
#2196d1
#2196d1
rgb(33,150,209)
-
#1899da
#1899da
rgb(24,153,218)
-
#0e9ce4
#0e9ce4
rgb(14,156,228)
-
#059fed
#059fed
rgb(5,159,237)
Color Blindness Simulator
Below, you can see how #2196d1 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.