#304be5 Color Information
In a RGB color space, hex #304be5 is composed of 18.8% red, 29.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 67.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 231 degrees, a saturation of 77.7% and a lightness of 54.3%. #304be5 color hex could be obtained by blending #6096ff with #0000cb. Closest websafe color is: #3333cc.
-
- R 19
- G 29
- B 90
-
- C 79
- M 67
- Y 0
- K 10
● #304be5 color description : Bright blue.
#304be5 Color Conversion
The hexadecimal color #304be5 has RGB values of R:48, G:75, B:229 and CMYK values of C:0.79, M:0.67, Y:0, K:0.1. Its decimal value is 3165157.
Hex triplet | 304be5 | #304be5 |
---|---|---|
RGB Decimal | 48, 75, 229 | rgb(48,75,229) |
RGB Percent | 18.8, 29.4, 89.8 | rgb(18.8%,29.4%,89.8%) |
CMYK | 79, 67, 0, 10 | |
HSL | 231°, 77.7, 54.3 | hsl(231,77.7%,54.3%) |
HSV (or HSB) | 231°, 79, 89.8 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 40.108, 44.619, -80.179 |
---|---|
XYZ | 17.875, 11.316, 75.367 |
xyY | 0.171, 0.108, 11.316 |
CIE-LCH | 40.108, 91.758, 299.096 |
CIE-LUV | 40.108, -13.045, -115.837 |
Hunter-Lab | 33.64, 35.978, -109.285 |
Binary | 00110000, 01001011, 11100101 |
Color Schemes with #304be5
Alternatives to #304be5
Below, you can see some colors close to #304be5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304be5 Preview
This text has a font color of #304be5.
<span style="color:#304be5;">Text here</span>
This paragraph has a background color of #304be5.
<p style="background-color:#304be5;">Content here</p>
This element has a border color of #304be5.
<div style="border:1px solid #304be5;">Content here</div>
.text {color:#304be5;}
.background {background-color:#304be5;}
.border {border:1px solid #304be5;}
Shades and Tints of #304be5
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, #000102 is the darkest color, while #f0f2fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#020514
#020514
rgb(2,5,20)
-
#050925
#050925
rgb(5,9,37)
-
#070e36
#070e36
rgb(7,14,54)
-
#091248
#091248
rgb(9,18,72)
-
#0b1759
#0b1759
rgb(11,23,89)
-
#0d1b6b
#0d1b6b
rgb(13,27,107)
-
#10207c
#10207c
rgb(16,32,124)
-
#12248e
#12248e
rgb(18,36,142)
-
#14299f
#14299f
rgb(20,41,159)
-
#162db0
#162db0
rgb(22,45,176)
-
#1832c2
#1832c2
rgb(24,50,194)
-
#1b36d3
#1b36d3
rgb(27,54,211)
-
#1f3ce3
#1f3ce3
rgb(31,60,227)
-
#304be5
#304be5
rgb(48,75,229)
-
#415ae7
#415ae7
rgb(65,90,231)
-
#5369e9
#5369e9
rgb(83,105,233)
-
#6478ec
#6478ec
rgb(100,120,236)
-
#7688ee
#7688ee
rgb(118,136,238)
-
#8797f0
#8797f0
rgb(135,151,240)
-
#99a6f2
#99a6f2
rgb(153,166,242)
-
#aab5f4
#aab5f4
rgb(170,181,244)
-
#bbc4f7
#bbc4f7
rgb(187,196,247)
-
#cdd3f9
#cdd3f9
rgb(205,211,249)
-
#dee3fb
#dee3fb
rgb(222,227,251)
-
#f0f2fd
#f0f2fd
rgb(240,242,253)
Tones of #304be5
A tone is produced by adding gray to any pure hue. In this case, #8a8a8b is the less saturated color, while #1e3ef7 is the most saturated one.
-
#8a8a8b
#8a8a8b
rgb(138,138,139)
-
#818494
#818494
rgb(129,132,148)
-
#787d9d
#787d9d
rgb(120,125,157)
-
#6f77a6
#6f77a6
rgb(111,119,166)
-
#6671af
#6671af
rgb(102,113,175)
-
#5d6ab8
#5d6ab8
rgb(93,106,184)
-
#5464c1
#5464c1
rgb(84,100,193)
-
#4b5eca
#4b5eca
rgb(75,94,202)
-
#4258d3
#4258d3
rgb(66,88,211)
-
#3951dc
#3951dc
rgb(57,81,220)
-
#304be5
#304be5
rgb(48,75,229)
-
#2745ee
#2745ee
rgb(39,69,238)
-
#1e3ef7
#1e3ef7
rgb(30,62,247)
Color Blindness Simulator
Below, you can see how #304be5 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.