#2195ff Color Information
In a RGB color space, hex #2195ff is composed of 12.9% red, 58.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 41.6% magenta, 0% yellow and 0% black. It has a hue angle of 208.6 degrees, a saturation of 100% and a lightness of 56.5%. #2195ff color hex could be obtained by blending #42ffff with #002bff. Closest websafe color is: #3399ff.
-
- R 13
- G 58
- B 100
-
- C 87
- M 42
- Y 0
- K 0
● #2195ff color description : Vivid blue.
#2195ff Color Conversion
The hexadecimal color #2195ff has RGB values of R:33, G:149, B:255 and CMYK values of C:0.87, M:0.42, Y:0, K:0. Its decimal value is 2201087.
Hex triplet | 2195ff | #2195ff |
---|---|---|
RGB Decimal | 33, 149, 255 | rgb(33,149,255) |
RGB Percent | 12.9, 58.4, 100 | rgb(12.9%,58.4%,100%) |
CMYK | 87, 42, 0, 0 | |
HSL | 208.6°, 100, 56.5 | hsl(208.6,100%,56.5%) |
HSV (or HSB) | 208.6°, 87.1, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.813, 7.135, -61.095 |
---|---|
XYZ | 29.42, 29.036, 98.656 |
xyY | 0.187, 0.185, 29.036 |
CIE-LCH | 60.813, 61.51, 276.661 |
CIE-LUV | 60.813, -34.139, -98.75 |
Hunter-Lab | 53.885, 3.161, -70.833 |
Binary | 00100001, 10010101, 11111111 |
Color Schemes with #2195ff
Alternatives to #2195ff
Below, you can see some colors close to #2195ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2195ff Preview
This text has a font color of #2195ff.
<span style="color:#2195ff;">Text here</span>
This paragraph has a background color of #2195ff.
<p style="background-color:#2195ff;">Content here</p>
This element has a border color of #2195ff.
<div style="border:1px solid #2195ff;">Content here</div>
.text {color:#2195ff;}
.background {background-color:#2195ff;}
.border {border:1px solid #2195ff;}
Shades and Tints of #2195ff
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, #00070d is the darkest color, while #f9fcff is the lightest one.
-
#00070d
#00070d
rgb(0,7,13)
-
#001121
#001121
rgb(0,17,33)
-
#001b35
#001b35
rgb(0,27,53)
-
#002648
#002648
rgb(0,38,72)
-
#00305c
#00305c
rgb(0,48,92)
-
#003a6f
#003a6f
rgb(0,58,111)
-
#004483
#004483
rgb(0,68,131)
-
#004f97
#004f97
rgb(0,79,151)
-
#0059aa
#0059aa
rgb(0,89,170)
-
#0063be
#0063be
rgb(0,99,190)
-
#006dd2
#006dd2
rgb(0,109,210)
-
#0078e5
#0078e5
rgb(0,120,229)
-
#0082f9
#0082f9
rgb(0,130,249)
-
#0d8cff
#0d8cff
rgb(13,140,255)
-
#2195ff
#2195ff
rgb(33,149,255)
-
#359eff
#359eff
rgb(53,158,255)
-
#48a8ff
#48a8ff
rgb(72,168,255)
-
#5cb1ff
#5cb1ff
rgb(92,177,255)
-
#6fbaff
#6fbaff
rgb(111,186,255)
-
#83c4ff
#83c4ff
rgb(131,196,255)
-
#97cdff
#97cdff
rgb(151,205,255)
-
#aad7ff
#aad7ff
rgb(170,215,255)
-
#bee0ff
#bee0ff
rgb(190,224,255)
-
#d2e9ff
#d2e9ff
rgb(210,233,255)
-
#e5f3ff
#e5f3ff
rgb(229,243,255)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #2195ff
A tone is produced by adding gray to any pure hue. In this case, #879099 is the less saturated color, while #2195ff is the most saturated one.
-
#879099
#879099
rgb(135,144,153)
-
#7f91a1
#7f91a1
rgb(127,145,161)
-
#7691aa
#7691aa
rgb(118,145,170)
-
#6e92b2
#6e92b2
rgb(110,146,178)
-
#6592bb
#6592bb
rgb(101,146,187)
-
#5d92c3
#5d92c3
rgb(93,146,195)
-
#5493cc
#5493cc
rgb(84,147,204)
-
#4c93d4
#4c93d4
rgb(76,147,212)
-
#4393dd
#4393dd
rgb(67,147,221)
-
#3b94e5
#3b94e5
rgb(59,148,229)
-
#3294ee
#3294ee
rgb(50,148,238)
-
#2a95f6
#2a95f6
rgb(42,149,246)
-
#2195ff
#2195ff
rgb(33,149,255)
Color Blindness Simulator
Below, you can see how #2195ff 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.