#2196f9 Color Information
In a RGB color space, hex #2196f9 is composed of 12.9% red, 58.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 39.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 207.5 degrees, a saturation of 94.7% and a lightness of 55.3%. #2196f9 color hex could be obtained by blending #42ffff with #002df3. Closest websafe color is: #3399ff.
-
- R 13
- G 59
- B 98
-
- C 87
- M 40
- Y 0
- K 2
● #2196f9 color description : Vivid blue.
#2196f9 Color Conversion
The hexadecimal color #2196f9 has RGB values of R:33, G:150, B:249 and CMYK values of C:0.87, M:0.4, Y:0, K:0.02. Its decimal value is 2201337.
Hex triplet | 2196f9 | #2196f9 |
---|---|---|
RGB Decimal | 33, 150, 249 | rgb(33,150,249) |
RGB Percent | 12.9, 58.8, 97.6 | rgb(12.9%,58.8%,97.6%) |
CMYK | 87, 40, 0, 2 | |
HSL | 207.5°, 94.7, 55.3 | hsl(207.5,94.7%,55.3%) |
HSV (or HSB) | 207.5°, 86.7, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.758, 4.311, -57.894 |
---|---|
XYZ | 28.628, 28.973, 93.701 |
xyY | 0.189, 0.191, 28.973 |
CIE-LCH | 60.758, 58.054, 274.258 |
CIE-LUV | 60.758, -34.746, -93.21 |
Hunter-Lab | 53.827, 0.741, -65.533 |
Binary | 00100001, 10010110, 11111001 |
Color Schemes with #2196f9
Alternatives to #2196f9
Below, you can see some colors close to #2196f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196f9 Preview
This text has a font color of #2196f9.
<span style="color:#2196f9;">Text here</span>
This paragraph has a background color of #2196f9.
<p style="background-color:#2196f9;">Content here</p>
This element has a border color of #2196f9.
<div style="border:1px solid #2196f9;">Content here</div>
.text {color:#2196f9;}
.background {background-color:#2196f9;}
.border {border:1px solid #2196f9;}
Shades and Tints of #2196f9
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, #000407 is the darkest color, while #f3f9ff is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#010f1a
#010f1a
rgb(1,15,26)
-
#01192d
#01192d
rgb(1,25,45)
-
#022440
#022440
rgb(2,36,64)
-
#022e54
#022e54
rgb(2,46,84)
-
#033967
#033967
rgb(3,57,103)
-
#03437a
#03437a
rgb(3,67,122)
-
#044e8d
#044e8d
rgb(4,78,141)
-
#0459a0
#0459a0
rgb(4,89,160)
-
#0563b3
#0563b3
rgb(5,99,179)
-
#056ec6
#056ec6
rgb(5,110,198)
-
#0678d9
#0678d9
rgb(6,120,217)
-
#0683ec
#0683ec
rgb(6,131,236)
-
#0e8df8
#0e8df8
rgb(14,141,248)
-
#2196f9
#2196f9
rgb(33,150,249)
-
#349ffa
#349ffa
rgb(52,159,250)
-
#47a8fa
#47a8fa
rgb(71,168,250)
-
#5ab1fb
#5ab1fb
rgb(90,177,251)
-
#6dbafb
#6dbafb
rgb(109,186,251)
-
#80c3fc
#80c3fc
rgb(128,195,252)
-
#94ccfc
#94ccfc
rgb(148,204,252)
-
#a7d5fd
#a7d5fd
rgb(167,213,253)
-
#badefd
#badefd
rgb(186,222,253)
-
#cde7fe
#cde7fe
rgb(205,231,254)
-
#e0f0fe
#e0f0fe
rgb(224,240,254)
-
#f3f9ff
#f3f9ff
rgb(243,249,255)
Tones of #2196f9
A tone is produced by adding gray to any pure hue. In this case, #8a8d90 is the less saturated color, while #2196f9 is the most saturated one.
-
#8a8d90
#8a8d90
rgb(138,141,144)
-
#818e99
#818e99
rgb(129,142,153)
-
#798fa1
#798fa1
rgb(121,143,161)
-
#708faa
#708faa
rgb(112,143,170)
-
#6790b3
#6790b3
rgb(103,144,179)
-
#5e91bc
#5e91bc
rgb(94,145,188)
-
#5692c4
#5692c4
rgb(86,146,196)
-
#4d92cd
#4d92cd
rgb(77,146,205)
-
#4493d6
#4493d6
rgb(68,147,214)
-
#3b94df
#3b94df
rgb(59,148,223)
-
#3395e7
#3395e7
rgb(51,149,231)
-
#2a95f0
#2a95f0
rgb(42,149,240)
-
#2196f9
#2196f9
rgb(33,150,249)
Color Blindness Simulator
Below, you can see how #2196f9 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.