#318ce7 color information
In a RGB color space, hex #318ce7 is composed of 19.2% red, 54.9% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 39.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 210 degrees, a saturation of 79.1% and a lightness of 54.9%. #318ce7 color hex could be obtained by blending #62ffff with #0019cf. Closest websafe color is: #3399ff.
#318ce7 color conversion
The hexadecimal color #318ce7 has RGB values of R:49, G:140, B:231 and CMYK values of C:0.79, M:0.39, Y:0, K:0.09. Its decimal value is 3247335.
- Hex triplet 318ce7
#318ce7 - RGB Decimal 49, 140, 231
rgb(49,140,231) - RGB Percent 19.2, 54.9, 90.6
rgb(19.2%,54.9%,90.6%) - CMYK 79, 39, 0, 9
- HSL 210°, 79.1, 54.9
hsl(210,79%,55%) - HSV (or HSB) 210°, 78.8, 90.6
- Web Safe 3399ff
#3399ff
- CIE-LAB 57.247, 4.917, -53.53
- XYZ 25.065, 25.177, 79.135
- xyY 0.194, 0.195, 25.177
- CIE-LCH 57.247, 53.756, 275.248
- CIE-LUV 57.247, -30.67, -85.106
- Hunter-Lab 50.176, 1.36, -58.386
- Binary 00110001, 10001100, 11100111
Color Schemes with #318ce7
#318ce7 in action
This text has a font color of #318ce7.
<span style="color:#318ce7;">Text here</span>
This paragraph has a background color of #318ce7.
<p style="background-color:#318ce7;">Content here</p>
This element has a border color of #318ce7.
<div style="border:1px solid #318ce7;">Content here</div>
.text {color:#318ce7;}
.background {background-color:#318ce7;}
.border {border:1px solid #318ce7;}
Shades of #318ce7
- #010305 #010305
rgb(1,3,5) - #051628 #051628
rgb(5,22,40) - #092a4b #092a4b
rgb(9,42,75) - #0d3e6e #0d3e6e
rgb(13,62,110) - #115191 #115191
rgb(17,81,145) - #1565b5 #1565b5
rgb(21,101,181) - #1978d8 #1978d8
rgb(25,120,216) - #318ce7 #318ce7
rgb(49,140,231) - #54a0eb #54a0eb
rgb(84,160,235) - #77b3ef #77b3ef
rgb(119,179,239) - #9ac7f3 #9ac7f3
rgb(154,199,243) - #bedaf7 #bedaf7
rgb(190,218,247) - #e1eefb #e1eefb
rgb(225,238,251)
Color Blindness Simulator
Below, you can see how #318ce7 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.
