#3196ff Color Information
In a RGB color space, hex #3196ff is composed of 19.2% red, 58.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 41.2% magenta, 0% yellow and 0% black. It has a hue angle of 210.6 degrees, a saturation of 100% and a lightness of 59.6%. #3196ff color hex could be obtained by blending #62ffff with #002dff. Closest websafe color is: #3399ff.
-
- R 19
- G 59
- B 100
-
- C 81
- M 41
- Y 0
- K 0
● #3196ff color description : Vivid blue.
#3196ff Color Conversion
The hexadecimal color #3196ff has RGB values of R:49, G:150, B:255 and CMYK values of C:0.81, M:0.41, Y:0, K:0. Its decimal value is 3249919.
Hex triplet | 3196ff | #3196ff |
---|---|---|
RGB Decimal | 49, 150, 255 | rgb(49,150,255) |
RGB Percent | 19.2, 58.8, 100 | rgb(19.2%,58.8%,100%) |
CMYK | 81, 41, 0, 0 | |
HSL | 210.6°, 100, 59.6 | hsl(210.6,100%,59.6%) |
HSV (or HSB) | 210.6°, 80.8, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 61.38, 7.724, -60.172 |
---|---|
XYZ | 30.219, 29.683, 98.739 |
xyY | 0.19, 0.187, 29.683 |
CIE-LCH | 61.38, 60.666, 277.315 |
CIE-LUV | 61.38, -32.876, -97.466 |
Hunter-Lab | 54.482, 3.662, -69.315 |
Binary | 00110001, 10010110, 11111111 |
Color Schemes with #3196ff
Alternatives to #3196ff
Below, you can see some colors close to #3196ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3196ff Preview
This text has a font color of #3196ff.
<span style="color:#3196ff;">Text here</span>
This paragraph has a background color of #3196ff.
<p style="background-color:#3196ff;">Content here</p>
This element has a border color of #3196ff.
<div style="border:1px solid #3196ff;">Content here</div>
.text {color:#3196ff;}
.background {background-color:#3196ff;}
.border {border:1px solid #3196ff;}
Shades and Tints of #3196ff
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, #00050a is the darkest color, while #f5faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#000e1d
#000e1d
rgb(0,14,29)
-
#001831
#001831
rgb(0,24,49)
-
#002245
#002245
rgb(0,34,69)
-
#002b58
#002b58
rgb(0,43,88)
-
#00356c
#00356c
rgb(0,53,108)
-
#003e7f
#003e7f
rgb(0,62,127)
-
#004893
#004893
rgb(0,72,147)
-
#0052a7
#0052a7
rgb(0,82,167)
-
#005bba
#005bba
rgb(0,91,186)
-
#0065ce
#0065ce
rgb(0,101,206)
-
#006fe2
#006fe2
rgb(0,111,226)
-
#0078f5
#0078f5
rgb(0,120,245)
-
#0a82ff
#0a82ff
rgb(10,130,255)
-
#1d8cff
#1d8cff
rgb(29,140,255)
-
#3196ff
#3196ff
rgb(49,150,255)
-
#45a0ff
#45a0ff
rgb(69,160,255)
-
#58aaff
#58aaff
rgb(88,170,255)
-
#6cb4ff
#6cb4ff
rgb(108,180,255)
-
#7fbeff
#7fbeff
rgb(127,190,255)
-
#93c8ff
#93c8ff
rgb(147,200,255)
-
#a7d2ff
#a7d2ff
rgb(167,210,255)
-
#badcff
#badcff
rgb(186,220,255)
-
#cee6ff
#cee6ff
rgb(206,230,255)
-
#e2f0ff
#e2f0ff
rgb(226,240,255)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #3196ff
A tone is produced by adding gray to any pure hue. In this case, #9098a0 is the less saturated color, while #3196ff is the most saturated one.
-
#9098a0
#9098a0
rgb(144,152,160)
-
#8898a8
#8898a8
rgb(136,152,168)
-
#8098b0
#8098b0
rgb(128,152,176)
-
#7897b8
#7897b8
rgb(120,151,184)
-
#7097c0
#7097c0
rgb(112,151,192)
-
#6897c8
#6897c8
rgb(104,151,200)
-
#6197cf
#6197cf
rgb(97,151,207)
-
#5997d7
#5997d7
rgb(89,151,215)
-
#5197df
#5197df
rgb(81,151,223)
-
#4996e7
#4996e7
rgb(73,150,231)
-
#4196ef
#4196ef
rgb(65,150,239)
-
#3996f7
#3996f7
rgb(57,150,247)
-
#3196ff
#3196ff
rgb(49,150,255)
Color Blindness Simulator
Below, you can see how #3196ff 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.