#304fff Color Information
In a RGB color space, hex #304fff is composed of 18.8% red, 31% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 69% magenta, 0% yellow and 0% black. It has a hue angle of 231 degrees, a saturation of 100% and a lightness of 59.4%. #304fff color hex could be obtained by blending #609eff with #0000ff. Closest websafe color is: #3366ff.
-
- R 19
- G 31
- B 100
-
- C 81
- M 69
- Y 0
- K 0
● #304fff color description : Vivid blue.
#304fff Color Conversion
The hexadecimal color #304fff has RGB values of R:48, G:79, B:255 and CMYK values of C:0.81, M:0.69, Y:0, K:0. Its decimal value is 3166207.
Hex triplet | 304fff | #304fff |
---|---|---|
RGB Decimal | 48, 79, 255 | rgb(48,79,255) |
RGB Percent | 18.8, 31, 100 | rgb(18.8%,31%,100%) |
CMYK | 81, 69, 0, 0 | |
HSL | 231°, 100, 59.4 | hsl(231,100%,59.4%) |
HSV (or HSB) | 231°, 81.2, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.417, 51.172, -89.358 |
---|---|
XYZ | 22.061, 13.439, 96.033 |
xyY | 0.168, 0.102, 13.439 |
CIE-LCH | 43.417, 102.973, 299.798 |
CIE-LUV | 43.417, -14.336, -130.94 |
Hunter-Lab | 36.659, 43.268, -129.658 |
Binary | 00110000, 01001111, 11111111 |
Color Schemes with #304fff
Alternatives to #304fff
Below, you can see some colors close to #304fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304fff Preview
This text has a font color of #304fff.
<span style="color:#304fff;">Text here</span>
This paragraph has a background color of #304fff.
<p style="background-color:#304fff;">Content here</p>
This element has a border color of #304fff.
<div style="border:1px solid #304fff;">Content here</div>
.text {color:#304fff;}
.background {background-color:#304fff;}
.border {border:1px solid #304fff;}
Shades and Tints of #304fff
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, #000109 is the darkest color, while #f4f6ff is the lightest one.
-
#000109
#000109
rgb(0,1,9)
-
#00041c
#00041c
rgb(0,4,28)
-
#000730
#000730
rgb(0,7,48)
-
#000a44
#000a44
rgb(0,10,68)
-
#000d57
#000d57
rgb(0,13,87)
-
#00106b
#00106b
rgb(0,16,107)
-
#00137e
#00137e
rgb(0,19,126)
-
#001692
#001692
rgb(0,22,146)
-
#0019a6
#0019a6
rgb(0,25,166)
-
#001cb9
#001cb9
rgb(0,28,185)
-
#001fcd
#001fcd
rgb(0,31,205)
-
#0022e1
#0022e1
rgb(0,34,225)
-
#0025f4
#0025f4
rgb(0,37,244)
-
#092eff
#092eff
rgb(9,46,255)
-
#1c3eff
#1c3eff
rgb(28,62,255)
-
#304fff
#304fff
rgb(48,79,255)
-
#4460ff
#4460ff
rgb(68,96,255)
-
#5770ff
#5770ff
rgb(87,112,255)
-
#6b81ff
#6b81ff
rgb(107,129,255)
-
#7e92ff
#7e92ff
rgb(126,146,255)
-
#92a2ff
#92a2ff
rgb(146,162,255)
-
#a6b3ff
#a6b3ff
rgb(166,179,255)
-
#b9c4ff
#b9c4ff
rgb(185,196,255)
-
#cdd4ff
#cdd4ff
rgb(205,212,255)
-
#e1e5ff
#e1e5ff
rgb(225,229,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #304fff
A tone is produced by adding gray to any pure hue. In this case, #90929f is the less saturated color, while #304fff is the most saturated one.
-
#90929f
#90929f
rgb(144,146,159)
-
#888ca7
#888ca7
rgb(136,140,167)
-
#8087af
#8087af
rgb(128,135,175)
-
#7881b7
#7881b7
rgb(120,129,183)
-
#707cbf
#707cbf
rgb(112,124,191)
-
#6876c7
#6876c7
rgb(104,118,199)
-
#6070cf
#6070cf
rgb(96,112,207)
-
#586bd7
#586bd7
rgb(88,107,215)
-
#5065df
#5065df
rgb(80,101,223)
-
#4860e7
#4860e7
rgb(72,96,231)
-
#405aef
#405aef
rgb(64,90,239)
-
#3855f7
#3855f7
rgb(56,85,247)
-
#304fff
#304fff
rgb(48,79,255)
Color Blindness Simulator
Below, you can see how #304fff 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.