#3b94d6 color information
In a RGB color space, hex #3b94d6 is composed of 23.1% red, 58% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 30.8% magenta, 0% yellow and 16.1% black. It has a hue angle of 205.5 degrees, a saturation of 65.4% and a lightness of 53.5%. #3b94d6 color hex could be obtained by blending #76ffff with #0029ad. Closest websafe color is: #3399cc.
#3b94d6 color conversion
The hexadecimal color #3b94d6 has RGB values of R:59, G:148, B:214 and CMYK values of C:0.72, M:0.31, Y:0, K:0.16. Its decimal value is 3904726.
- Hex triplet 3b94d6
#3b94d6 - RGB Decimal 59, 148, 214
rgb(59,148,214) - RGB Percent 23.1, 58, 83.9
rgb(23.1%,58%,83.9%) - CMYK 72, 31, 0, 16
- HSL 205.5°, 65.4, 53.5
hsl(206,65%,54%) - HSV (or HSB) 205.5°, 72.4, 83.9
- Web Safe 3399cc
#3399cc
- CIE-LAB 58.94, -4.685, -41.35
- XYZ 24.528, 26.963, 67.526
- xyY 0.206, 0.227, 26.963
- CIE-LCH 58.94, 41.614, 263.536
- CIE-LUV 58.94, -32.554, -64.438
- Hunter-Lab 51.926, -6.551, -40.755
- Binary 00111011, 10010100, 11010110
Color Schemes with #3b94d6
#3b94d6 in action
This text has a font color of #3b94d6.
<span style="color:#3b94d6;">Text here</span>
This paragraph has a background color of #3b94d6.
<p style="background-color:#3b94d6;">Content here</p>
This element has a border color of #3b94d6.
<div style="border:1px solid #3b94d6;">Content here</div>
.text {color:#3b94d6;}
.background {background-color:#3b94d6;}
.border {border:1px solid #3b94d6;}
Shades of #3b94d6
- #07151f #07151f
rgb(7,21,31) - #0d2a40 #0d2a40
rgb(13,42,64) - #144060 #144060
rgb(20,64,96) - #1b5580 #1b5580
rgb(27,85,128) - #226ba1 #226ba1
rgb(34,107,161) - #2880c1 #2880c1
rgb(40,128,193) - #3b94d6 #3b94d6
rgb(59,148,214) - #5ba6dd #5ba6dd
rgb(91,166,221) - #7cb7e4 #7cb7e4
rgb(124,183,228) - #9cc9ea #9cc9ea
rgb(156,201,234) - #bddbf1 #bddbf1
rgb(189,219,241) - #ddedf8 #ddedf8
rgb(221,237,248) - #fefeff #fefeff
rgb(254,254,255)
Color Blindness Simulator
Below, you can see how #3b94d6 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.
