#304af0 Color Information
In a RGB color space, hex #304af0 is composed of 18.8% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 231.9 degrees, a saturation of 86.5% and a lightness of 56.5%. #304af0 color hex could be obtained by blending #6094ff with #0000e1. Closest websafe color is: #3333ff.
-
- R 19
- G 29
- B 94
-
- C 80
- M 69
- Y 0
- K 6
● #304af0 color description : Bright blue.
#304af0 Color Conversion
The hexadecimal color #304af0 has RGB values of R:48, G:74, B:240 and CMYK values of C:0.8, M:0.69, Y:0, K:0.06. Its decimal value is 3164912.
Hex triplet | 304af0 | #304af0 |
---|---|---|
RGB Decimal | 48, 74, 240 | rgb(48,74,240) |
RGB Percent | 18.8, 29, 94.1 | rgb(18.8%,29%,94.1%) |
CMYK | 80, 69, 0, 6 | |
HSL | 231.9°, 86.5, 56.5 | hsl(231.9,86.5%,56.5%) |
HSV (or HSB) | 231.9°, 80, 94.1 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 40.922, 49.001, -85.064 |
---|---|
XYZ | 19.393, 11.816, 83.692 |
xyY | 0.169, 0.103, 11.816 |
CIE-LCH | 40.922, 98.168, 299.944 |
CIE-LUV | 40.922, -13.075, -122.787 |
Hunter-Lab | 34.374, 40.549, -120.293 |
Binary | 00110000, 01001010, 11110000 |
Color Schemes with #304af0
Alternatives to #304af0
Below, you can see some colors close to #304af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304af0 Preview
This text has a font color of #304af0.
<span style="color:#304af0;">Text here</span>
This paragraph has a background color of #304af0.
<p style="background-color:#304af0;">Content here</p>
This element has a border color of #304af0.
<div style="border:1px solid #304af0;">Content here</div>
.text {color:#304af0;}
.background {background-color:#304af0;}
.border {border:1px solid #304af0;}
Shades and Tints of #304af0
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, #01020c is the darkest color, while #f9faff is the lightest one.
-
#01020c
#01020c
rgb(1,2,12)
-
#02061f
#02061f
rgb(2,6,31)
-
#040a31
#040a31
rgb(4,10,49)
-
#050d43
#050d43
rgb(5,13,67)
-
#061156
#061156
rgb(6,17,86)
-
#081568
#081568
rgb(8,21,104)
-
#09187a
#09187a
rgb(9,24,122)
-
#0a1c8d
#0a1c8d
rgb(10,28,141)
-
#0c1f9f
#0c1f9f
rgb(12,31,159)
-
#0d23b1
#0d23b1
rgb(13,35,177)
-
#0e27c3
#0e27c3
rgb(14,39,195)
-
#0f2ad6
#0f2ad6
rgb(15,42,214)
-
#112ee8
#112ee8
rgb(17,46,232)
-
#1e3aef
#1e3aef
rgb(30,58,239)
-
#304af0
#304af0
rgb(48,74,240)
-
#425af1
#425af1
rgb(66,90,241)
-
#556af3
#556af3
rgb(85,106,243)
-
#677af4
#677af4
rgb(103,122,244)
-
#798af5
#798af5
rgb(121,138,245)
-
#8b9af7
#8b9af7
rgb(139,154,247)
-
#9eaaf8
#9eaaf8
rgb(158,170,248)
-
#b0baf9
#b0baf9
rgb(176,186,249)
-
#c2cafb
#c2cafb
rgb(194,202,251)
-
#d5dafc
#d5dafc
rgb(213,218,252)
-
#e7eafd
#e7eafd
rgb(231,234,253)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #304af0
A tone is produced by adding gray to any pure hue. In this case, #8e8e92 is the less saturated color, while #2744f9 is the most saturated one.
-
#8e8e92
#8e8e92
rgb(142,142,146)
-
#85889b
#85889b
rgb(133,136,155)
-
#7d82a3
#7d82a3
rgb(125,130,163)
-
#747cac
#747cac
rgb(116,124,172)
-
#6c76b4
#6c76b4
rgb(108,118,180)
-
#636fbd
#636fbd
rgb(99,111,189)
-
#5b69c5
#5b69c5
rgb(91,105,197)
-
#5263ce
#5263ce
rgb(82,99,206)
-
#4a5dd6
#4a5dd6
rgb(74,93,214)
-
#4156df
#4156df
rgb(65,86,223)
-
#3950e7
#3950e7
rgb(57,80,231)
-
#304af0
#304af0
rgb(48,74,240)
-
#2744f9
#2744f9
rgb(39,68,249)
Color Blindness Simulator
Below, you can see how #304af0 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.