#316bad color information
In a RGB color space, hex #316bad is composed of 19.2% red, 42% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 38.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 211.9 degrees, a saturation of 55.9% and a lightness of 43.5%. #316bad color hex could be obtained by blending #62d6ff with #00005b. Closest websafe color is: #336699.
#316bad color conversion
The hexadecimal color #316bad has RGB values of R:49, G:107, B:173 and CMYK values of C:0.72, M:0.38, Y:0, K:0.32. Its decimal value is 3238829.
- Hex triplet 316bad
#316bad - RGB Decimal 49, 107, 173
rgb(49,107,173) - RGB Percent 19.2, 42, 67.8
rgb(19.2%,42%,67.8%) - CMYK 72, 38, 0, 32
- HSL 211.9°, 55.9, 43.5
hsl(212,56%,44%) - HSV (or HSB) 211.9°, 71.7, 67.8
- Web Safe 336699
#336699
- CIE-LAB 44.496, 3.709, -40.739
- XYZ 14.065, 14.184, 41.529
- xyY 0.202, 0.203, 14.184
- CIE-LCH 44.496, 40.907, 275.202
- CIE-LUV 44.496, -21.832, -60.777
- Hunter-Lab 37.662, 0.754, -39.014
- Binary 00110001, 01101011, 10101101
Color Schemes with #316bad
#316bad in action
This text has a font color of #316bad.
<span style="color:#316bad;">Text here</span>
This paragraph has a background color of #316bad.
<p style="background-color:#316bad;">Content here</p>
This element has a border color of #316bad.
<div style="border:1px solid #316bad;">Content here</div>
.text {color:#316bad;}
.background {background-color:#316bad;}
.border {border:1px solid #316bad;}
Shades of #316bad
- #060c14 #060c14
rgb(6,12,20) - #0e1f33 #0e1f33
rgb(14,31,51) - #173251 #173251
rgb(23,50,81) - #204570 #204570
rgb(32,69,112) - #28588e #28588e
rgb(40,88,142) - #316bad #316bad
rgb(49,107,173) - #3d7ec8 #3d7ec8
rgb(61,126,200) - #5c92d1 #5c92d1
rgb(92,146,209) - #7aa7d9 #7aa7d9
rgb(122,167,217) - #99bbe2 #99bbe2
rgb(153,187,226) - #b7cfeb #b7cfeb
rgb(183,207,235) - #d6e4f3 #d6e4f3
rgb(214,228,243) - #f5f8fc #f5f8fc
rgb(245,248,252)
Color Blindness Simulator
Below, you can see how #316bad 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.
