#3196f1 Color Information
In a RGB color space, hex #3196f1 is composed of 19.2% red, 58.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 37.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 208.4 degrees, a saturation of 87.3% and a lightness of 56.9%. #3196f1 color hex could be obtained by blending #62ffff with #002de3. Closest websafe color is: #3399ff.
-
- R 19
- G 59
- B 95
-
- C 80
- M 38
- Y 0
- K 5
● #3196f1 color description : Bright blue.
#3196f1 Color Conversion
The hexadecimal color #3196f1 has RGB values of R:49, G:150, B:241 and CMYK values of C:0.8, M:0.38, Y:0, K:0.05. Its decimal value is 3249905.
Hex triplet | 3196f1 | #3196f1 |
---|---|---|
RGB Decimal | 49, 150, 241 | rgb(49,150,241) |
RGB Percent | 19.2, 58.8, 94.5 | rgb(19.2%,58.8%,94.5%) |
CMYK | 80, 38, 0, 5 | |
HSL | 208.4°, 87.3, 56.9 | hsl(208.4,87.3%,56.9%) |
HSV (or HSB) | 208.4°, 79.7, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.617, 2.63, -53.701 |
---|---|
XYZ | 28.046, 28.814, 87.298 |
xyY | 0.195, 0.2, 28.814 |
CIE-LCH | 60.617, 53.765, 272.803 |
CIE-LUV | 60.617, -33.484, -86.078 |
Hunter-Lab | 53.679, -0.674, -58.848 |
Binary | 00110001, 10010110, 11110001 |
Color Schemes with #3196f1
Alternatives to #3196f1
Below, you can see some colors close to #3196f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3196f1 Preview
This text has a font color of #3196f1.
<span style="color:#3196f1;">Text here</span>
This paragraph has a background color of #3196f1.
<p style="background-color:#3196f1;">Content here</p>
This element has a border color of #3196f1.
<div style="border:1px solid #3196f1;">Content here</div>
.text {color:#3196f1;}
.background {background-color:#3196f1;}
.border {border:1px solid #3196f1;}
Shades and Tints of #3196f1
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, #01080e is the darkest color, while #fbfdff is the lightest one.
-
#01080e
#01080e
rgb(1,8,14)
-
#021221
#021221
rgb(2,18,33)
-
#031d33
#031d33
rgb(3,29,51)
-
#052746
#052746
rgb(5,39,70)
-
#063158
#063158
rgb(6,49,88)
-
#073b6a
#073b6a
rgb(7,59,106)
-
#08467d
#08467d
rgb(8,70,125)
-
#0a508f
#0a508f
rgb(10,80,143)
-
#0b5aa1
#0b5aa1
rgb(11,90,161)
-
#0c64b4
#0c64b4
rgb(12,100,180)
-
#0d6fc6
#0d6fc6
rgb(13,111,198)
-
#0f79d8
#0f79d8
rgb(15,121,216)
-
#1083eb
#1083eb
rgb(16,131,235)
-
#1f8df0
#1f8df0
rgb(31,141,240)
-
#3196f1
#3196f1
rgb(49,150,241)
-
#439ff2
#439ff2
rgb(67,159,242)
-
#56a9f3
#56a9f3
rgb(86,169,243)
-
#68b2f5
#68b2f5
rgb(104,178,245)
-
#7abbf6
#7abbf6
rgb(122,187,246)
-
#8dc5f7
#8dc5f7
rgb(141,197,247)
-
#9fcef8
#9fcef8
rgb(159,206,248)
-
#b2d8fa
#b2d8fa
rgb(178,216,250)
-
#c4e1fb
#c4e1fb
rgb(196,225,251)
-
#d6eafc
#d6eafc
rgb(214,234,252)
-
#e9f4fd
#e9f4fd
rgb(233,244,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #3196f1
A tone is produced by adding gray to any pure hue. In this case, #8e9194 is the less saturated color, while #2996f9 is the most saturated one.
-
#8e9194
#8e9194
rgb(142,145,148)
-
#86929c
#86929c
rgb(134,146,156)
-
#7d92a5
#7d92a5
rgb(125,146,165)
-
#7592ad
#7592ad
rgb(117,146,173)
-
#6c93b6
#6c93b6
rgb(108,147,182)
-
#6493be
#6493be
rgb(100,147,190)
-
#5b94c7
#5b94c7
rgb(91,148,199)
-
#5394cf
#5394cf
rgb(83,148,207)
-
#4a95d8
#4a95d8
rgb(74,149,216)
-
#4295e0
#4295e0
rgb(66,149,224)
-
#3996e9
#3996e9
rgb(57,150,233)
-
#3196f1
#3196f1
rgb(49,150,241)
-
#2996f9
#2996f9
rgb(41,150,249)
Color Blindness Simulator
Below, you can see how #3196f1 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.