#308bff Color Information
In a RGB color space, hex #308bff is composed of 18.8% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 213.6 degrees, a saturation of 100% and a lightness of 59.4%. #308bff color hex could be obtained by blending #60ffff with #0017ff. Closest websafe color is: #3399ff.
-
- R 19
- G 55
- B 100
-
- C 81
- M 45
- Y 0
- K 0
● #308bff color description : Vivid blue.
#308bff Color Conversion
The hexadecimal color #308bff has RGB values of R:48, G:139, B:255 and CMYK values of C:0.81, M:0.45, Y:0, K:0. Its decimal value is 3181567.
Hex triplet | 308bff | #308bff |
---|---|---|
RGB Decimal | 48, 139, 255 | rgb(48,139,255) |
RGB Percent | 18.8, 54.5, 100 | rgb(18.8%,54.5%,100%) |
CMYK | 81, 45, 0, 0 | |
HSL | 213.6°, 100, 59.4 | hsl(213.6,100%,59.4%) |
HSV (or HSB) | 213.6°, 81.2, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.331, 14.258, -65.061 |
---|---|
XYZ | 28.497, 26.311, 98.179 |
xyY | 0.186, 0.172, 26.311 |
CIE-LCH | 58.331, 66.605, 282.361 |
CIE-LUV | 58.331, -29.584, -104.944 |
Hunter-Lab | 51.294, 9.403, -77.576 |
Binary | 00110000, 10001011, 11111111 |
Color Schemes with #308bff
Alternatives to #308bff
Below, you can see some colors close to #308bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#308bff Preview
This text has a font color of #308bff.
<span style="color:#308bff;">Text here</span>
This paragraph has a background color of #308bff.
<p style="background-color:#308bff;">Content here</p>
This element has a border color of #308bff.
<div style="border:1px solid #308bff;">Content here</div>
.text {color:#308bff;}
.background {background-color:#308bff;}
.border {border:1px solid #308bff;}
Shades and Tints of #308bff
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, #000409 is the darkest color, while #f4f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000c1c
#000c1c
rgb(0,12,28)
-
#001530
#001530
rgb(0,21,48)
-
#001e44
#001e44
rgb(0,30,68)
-
#002657
#002657
rgb(0,38,87)
-
#002f6b
#002f6b
rgb(0,47,107)
-
#00387e
#00387e
rgb(0,56,126)
-
#004092
#004092
rgb(0,64,146)
-
#0049a6
#0049a6
rgb(0,73,166)
-
#0051b9
#0051b9
rgb(0,81,185)
-
#005acd
#005acd
rgb(0,90,205)
-
#0063e1
#0063e1
rgb(0,99,225)
-
#006bf4
#006bf4
rgb(0,107,244)
-
#0975ff
#0975ff
rgb(9,117,255)
-
#1c80ff
#1c80ff
rgb(28,128,255)
-
#308bff
#308bff
rgb(48,139,255)
-
#4496ff
#4496ff
rgb(68,150,255)
-
#57a1ff
#57a1ff
rgb(87,161,255)
-
#6bacff
#6bacff
rgb(107,172,255)
-
#7eb7ff
#7eb7ff
rgb(126,183,255)
-
#92c2ff
#92c2ff
rgb(146,194,255)
-
#a6cdff
#a6cdff
rgb(166,205,255)
-
#b9d8ff
#b9d8ff
rgb(185,216,255)
-
#cde3ff
#cde3ff
rgb(205,227,255)
-
#e1eeff
#e1eeff
rgb(225,238,255)
-
#f4f9ff
#f4f9ff
rgb(244,249,255)
Tones of #308bff
A tone is produced by adding gray to any pure hue. In this case, #90979f is the less saturated color, while #308bff is the most saturated one.
-
#90979f
#90979f
rgb(144,151,159)
-
#8896a7
#8896a7
rgb(136,150,167)
-
#8095af
#8095af
rgb(128,149,175)
-
#7894b7
#7894b7
rgb(120,148,183)
-
#7093bf
#7093bf
rgb(112,147,191)
-
#6892c7
#6892c7
rgb(104,146,199)
-
#6091cf
#6091cf
rgb(96,145,207)
-
#5890d7
#5890d7
rgb(88,144,215)
-
#508fdf
#508fdf
rgb(80,143,223)
-
#488ee7
#488ee7
rgb(72,142,231)
-
#408def
#408def
rgb(64,141,239)
-
#388cf7
#388cf7
rgb(56,140,247)
-
#308bff
#308bff
rgb(48,139,255)
Color Blindness Simulator
Below, you can see how #308bff 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.