#304ce2 Color Information
In a RGB color space, hex #304ce2 is composed of 18.8% red, 29.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 66.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 230.6 degrees, a saturation of 75.4% and a lightness of 53.7%. #304ce2 color hex could be obtained by blending #6098ff with #0000c5. Closest websafe color is: #3333cc.
-
- R 19
- G 30
- B 89
-
- C 79
- M 66
- Y 0
- K 11
● #304ce2 color description : Bright blue.
#304ce2 Color Conversion
The hexadecimal color #304ce2 has RGB values of R:48, G:76, B:226 and CMYK values of C:0.79, M:0.66, Y:0, K:0.11. Its decimal value is 3165410.
Hex triplet | 304ce2 | #304ce2 |
---|---|---|
RGB Decimal | 48, 76, 226 | rgb(48,76,226) |
RGB Percent | 18.8, 29.8, 88.6 | rgb(18.8%,29.8%,88.6%) |
CMYK | 79, 66, 0, 11 | |
HSL | 230.6°, 75.4, 53.7 | hsl(230.6,75.4%,53.7%) |
HSV (or HSB) | 230.6°, 78.8, 88.6 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 40.06, 42.963, -78.552 |
---|---|
XYZ | 17.528, 11.287, 73.202 |
xyY | 0.172, 0.111, 11.287 |
CIE-LCH | 40.06, 89.534, 298.676 |
CIE-LUV | 40.06, -13.195, -113.739 |
Hunter-Lab | 33.596, 34.335, -105.669 |
Binary | 00110000, 01001100, 11100010 |
Color Schemes with #304ce2
Alternatives to #304ce2
Below, you can see some colors close to #304ce2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ce2 Preview
This text has a font color of #304ce2.
<span style="color:#304ce2;">Text here</span>
This paragraph has a background color of #304ce2.
<p style="background-color:#304ce2;">Content here</p>
This element has a border color of #304ce2.
<div style="border:1px solid #304ce2;">Content here</div>
.text {color:#304ce2;}
.background {background-color:#304ce2;}
.border {border:1px solid #304ce2;}
Shades and Tints of #304ce2
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, #020511 is the darkest color, while #feffff is the lightest one.
-
#020511
#020511
rgb(2,5,17)
-
#050922
#050922
rgb(5,9,34)
-
#070e33
#070e33
rgb(7,14,51)
-
#0a1344
#0a1344
rgb(10,19,68)
-
#0c1855
#0c1855
rgb(12,24,85)
-
#0e1c67
#0e1c67
rgb(14,28,103)
-
#112178
#112178
rgb(17,33,120)
-
#132689
#132689
rgb(19,38,137)
-
#162a9a
#162a9a
rgb(22,42,154)
-
#182fac
#182fac
rgb(24,47,172)
-
#1a34bd
#1a34bd
rgb(26,52,189)
-
#1d39ce
#1d39ce
rgb(29,57,206)
-
#1f3ddf
#1f3ddf
rgb(31,61,223)
-
#304ce2
#304ce2
rgb(48,76,226)
-
#415be4
#415be4
rgb(65,91,228)
-
#526ae7
#526ae7
rgb(82,106,231)
-
#6479e9
#6479e9
rgb(100,121,233)
-
#7588ec
#7588ec
rgb(117,136,236)
-
#8696ee
#8696ee
rgb(134,150,238)
-
#97a5f0
#97a5f0
rgb(151,165,240)
-
#a8b4f3
#a8b4f3
rgb(168,180,243)
-
#bac3f5
#bac3f5
rgb(186,195,245)
-
#cbd2f8
#cbd2f8
rgb(203,210,248)
-
#dce1fa
#dce1fa
rgb(220,225,250)
-
#edf0fd
#edf0fd
rgb(237,240,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #304ce2
A tone is produced by adding gray to any pure hue. In this case, #828490 is the less saturated color, while #1539fd is the most saturated one.
-
#828490
#828490
rgb(130,132,144)
-
#797e99
#797e99
rgb(121,126,153)
-
#7078a2
#7078a2
rgb(112,120,162)
-
#6671ac
#6671ac
rgb(102,113,172)
-
#5d6bb5
#5d6bb5
rgb(93,107,181)
-
#5465be
#5465be
rgb(84,101,190)
-
#4b5fc7
#4b5fc7
rgb(75,95,199)
-
#4258d0
#4258d0
rgb(66,88,208)
-
#3952d9
#3952d9
rgb(57,82,217)
-
#304ce2
#304ce2
rgb(48,76,226)
-
#2746eb
#2746eb
rgb(39,70,235)
-
#1e40f4
#1e40f4
rgb(30,64,244)
-
#1539fd
#1539fd
rgb(21,57,253)
Color Blindness Simulator
Below, you can see how #304ce2 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.