#304ae2 Color Information
In a RGB color space, hex #304ae2 is composed of 18.8% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.2 degrees, a saturation of 75.4% and a lightness of 53.7%. #304ae2 color hex could be obtained by blending #6094ff with #0000c5. Closest websafe color is: #3333cc.
-
- R 19
- G 29
- B 89
-
- C 79
- M 67
- Y 0
- K 11
● #304ae2 color description : Bright blue.
#304ae2 Color Conversion
The hexadecimal color #304ae2 has RGB values of R:48, G:74, B:226 and CMYK values of C:0.79, M:0.67, Y:0, K:0.11. Its decimal value is 3164898.
Hex triplet | 304ae2 | #304ae2 |
---|---|---|
RGB Decimal | 48, 74, 226 | rgb(48,74,226) |
RGB Percent | 18.8, 29, 88.6 | rgb(18.8%,29%,88.6%) |
CMYK | 79, 67, 0, 11 | |
HSL | 231.2°, 75.4, 53.7 | hsl(231.2,75.4%,53.7%) |
HSV (or HSB) | 231.2°, 78.8, 88.6 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 39.607, 44.179, -79.297 |
---|---|
XYZ | 17.392, 11.016, 73.157 |
xyY | 0.171, 0.108, 11.016 |
CIE-LCH | 39.607, 90.773, 299.124 |
CIE-LUV | 39.607, -12.782, -114.191 |
Hunter-Lab | 33.19, 35.456, -107.454 |
Binary | 00110000, 01001010, 11100010 |
Color Schemes with #304ae2
Alternatives to #304ae2
Below, you can see some colors close to #304ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ae2 Preview
This text has a font color of #304ae2.
<span style="color:#304ae2;">Text here</span>
This paragraph has a background color of #304ae2.
<p style="background-color:#304ae2;">Content here</p>
This element has a border color of #304ae2.
<div style="border:1px solid #304ae2;">Content here</div>
.text {color:#304ae2;}
.background {background-color:#304ae2;}
.border {border:1px solid #304ae2;}
Shades and Tints of #304ae2
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, #020411 is the darkest color, while #feffff is the lightest one.
-
#020411
#020411
rgb(2,4,17)
-
#050922
#050922
rgb(5,9,34)
-
#070e33
#070e33
rgb(7,14,51)
-
#0a1244
#0a1244
rgb(10,18,68)
-
#0c1755
#0c1755
rgb(12,23,85)
-
#0e1b67
#0e1b67
rgb(14,27,103)
-
#112078
#112078
rgb(17,32,120)
-
#132489
#132489
rgb(19,36,137)
-
#16299a
#16299a
rgb(22,41,154)
-
#182eac
#182eac
rgb(24,46,172)
-
#1a32bd
#1a32bd
rgb(26,50,189)
-
#1d37ce
#1d37ce
rgb(29,55,206)
-
#1f3bdf
#1f3bdf
rgb(31,59,223)
-
#304ae2
#304ae2
rgb(48,74,226)
-
#4159e4
#4159e4
rgb(65,89,228)
-
#5268e7
#5268e7
rgb(82,104,231)
-
#6477e9
#6477e9
rgb(100,119,233)
-
#7586ec
#7586ec
rgb(117,134,236)
-
#8695ee
#8695ee
rgb(134,149,238)
-
#97a4f0
#97a4f0
rgb(151,164,240)
-
#a8b3f3
#a8b3f3
rgb(168,179,243)
-
#bac2f5
#bac2f5
rgb(186,194,245)
-
#cbd1f8
#cbd1f8
rgb(203,209,248)
-
#dce0fa
#dce0fa
rgb(220,224,250)
-
#edeffd
#edeffd
rgb(237,239,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #304ae2
A tone is produced by adding gray to any pure hue. In this case, #828490 is the less saturated color, while #1537fd is the most saturated one.
-
#828490
#828490
rgb(130,132,144)
-
#797d99
#797d99
rgb(121,125,153)
-
#7077a2
#7077a2
rgb(112,119,162)
-
#6671ac
#6671ac
rgb(102,113,172)
-
#5d6ab5
#5d6ab5
rgb(93,106,181)
-
#5464be
#5464be
rgb(84,100,190)
-
#4b5dc7
#4b5dc7
rgb(75,93,199)
-
#4257d0
#4257d0
rgb(66,87,208)
-
#3950d9
#3950d9
rgb(57,80,217)
-
#304ae2
#304ae2
rgb(48,74,226)
-
#2744eb
#2744eb
rgb(39,68,235)
-
#1e3df4
#1e3df4
rgb(30,61,244)
-
#1537fd
#1537fd
rgb(21,55,253)
Color Blindness Simulator
Below, you can see how #304ae2 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.