#305ed6 Color Information
In a RGB color space, hex #305ed6 is composed of 18.8% red, 36.9% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 56.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 223.4 degrees, a saturation of 66.9% and a lightness of 51.4%. #305ed6 color hex could be obtained by blending #60bcff with #0000ad. Closest websafe color is: #3366cc.
-
- R 19
- G 37
- B 84
-
- C 78
- M 56
- Y 0
- K 16
● #305ed6 color description : Strong blue.
#305ed6 Color Conversion
The hexadecimal color #305ed6 has RGB values of R:48, G:94, B:214 and CMYK values of C:0.78, M:0.56, Y:0, K:0.16. Its decimal value is 3170006.
Hex triplet | 305ed6 | #305ed6 |
---|---|---|
RGB Decimal | 48, 94, 214 | rgb(48,94,214) |
RGB Percent | 18.8, 36.9, 83.9 | rgb(18.8%,36.9%,83.9%) |
CMYK | 78, 56, 0, 16 | |
HSL | 223.4°, 66.9, 51.4 | hsl(223.4,66.9%,51.4%) |
HSV (or HSB) | 223.4°, 77.6, 83.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.489, 27.252, -66.097 |
---|---|
XYZ | 17.357, 13.488, 65.303 |
xyY | 0.181, 0.14, 13.488 |
CIE-LCH | 43.489, 71.494, 292.406 |
CIE-LUV | 43.489, -17.402, -99.64 |
Hunter-Lab | 36.725, 20.091, -79.719 |
Binary | 00110000, 01011110, 11010110 |
Color Schemes with #305ed6
Alternatives to #305ed6
Below, you can see some colors close to #305ed6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305ed6 Preview
This text has a font color of #305ed6.
<span style="color:#305ed6;">Text here</span>
This paragraph has a background color of #305ed6.
<p style="background-color:#305ed6;">Content here</p>
This element has a border color of #305ed6.
<div style="border:1px solid #305ed6;">Content here</div>
.text {color:#305ed6;}
.background {background-color:#305ed6;}
.border {border:1px solid #305ed6;}
Shades and Tints of #305ed6
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, #010206 is the darkest color, while #f4f7fd is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#040916
#040916
rgb(4,9,22)
-
#081027
#081027
rgb(8,16,39)
-
#0b1737
#0b1737
rgb(11,23,55)
-
#0e1e47
#0e1e47
rgb(14,30,71)
-
#112558
#112558
rgb(17,37,88)
-
#152c68
#152c68
rgb(21,44,104)
-
#183378
#183378
rgb(24,51,120)
-
#1b3a89
#1b3a89
rgb(27,58,137)
-
#1e4099
#1e4099
rgb(30,64,153)
-
#2247aa
#2247aa
rgb(34,71,170)
-
#254eba
#254eba
rgb(37,78,186)
-
#2855ca
#2855ca
rgb(40,85,202)
-
#305ed6
#305ed6
rgb(48,94,214)
-
#406bd9
#406bd9
rgb(64,107,217)
-
#5177dc
#5177dc
rgb(81,119,220)
-
#6184e0
#6184e0
rgb(97,132,224)
-
#7191e3
#7191e3
rgb(113,145,227)
-
#829ee6
#829ee6
rgb(130,158,230)
-
#92aae9
#92aae9
rgb(146,170,233)
-
#a3b7ed
#a3b7ed
rgb(163,183,237)
-
#b3c4f0
#b3c4f0
rgb(179,196,240)
-
#c3d1f3
#c3d1f3
rgb(195,209,243)
-
#d4ddf6
#d4ddf6
rgb(212,221,246)
-
#e4eafa
#e4eafa
rgb(228,234,250)
-
#f4f7fd
#f4f7fd
rgb(244,247,253)
Tones of #305ed6
A tone is produced by adding gray to any pure hue. In this case, #7c808a is the less saturated color, while #0a4dfc is the most saturated one.
-
#7c808a
#7c808a
rgb(124,128,138)
-
#737c93
#737c93
rgb(115,124,147)
-
#69789d
#69789d
rgb(105,120,157)
-
#6073a6
#6073a6
rgb(96,115,166)
-
#566fb0
#566fb0
rgb(86,111,176)
-
#4d6bb9
#4d6bb9
rgb(77,107,185)
-
#4367c3
#4367c3
rgb(67,103,195)
-
#3a62cc
#3a62cc
rgb(58,98,204)
-
#305ed6
#305ed6
rgb(48,94,214)
-
#265ae0
#265ae0
rgb(38,90,224)
-
#1d55e9
#1d55e9
rgb(29,85,233)
-
#1351f3
#1351f3
rgb(19,81,243)
-
#0a4dfc
#0a4dfc
rgb(10,77,252)
Color Blindness Simulator
Below, you can see how #305ed6 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.