#305686 Color Information
In a RGB color space, hex #305686 is composed of 18.8% red, 33.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 35.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 213.5 degrees, a saturation of 47.3% and a lightness of 35.7%. #305686 color hex could be obtained by blending #60acff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 34
- B 53
-
- C 64
- M 36
- Y 0
- K 47
● #305686 color description : Dark moderate blue.
#305686 Color Conversion
The hexadecimal color #305686 has RGB values of R:48, G:86, B:134 and CMYK values of C:0.64, M:0.36, Y:0, K:0.47. Its decimal value is 3167878.
Hex triplet | 305686 | #305686 |
---|---|---|
RGB Decimal | 48, 86, 134 | rgb(48,86,134) |
RGB Percent | 18.8, 33.7, 52.5 | rgb(18.8%,33.7%,52.5%) |
CMYK | 64, 36, 0, 47 | |
HSL | 213.5°, 47.3, 35.7 | hsl(213.5,47.3%,35.7%) |
HSV (or HSB) | 213.5°, 64.2, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.993, 2.505, -30.875 |
---|---|
XYZ | 8.849, 9.005, 23.825 |
xyY | 0.212, 0.216, 9.005 |
CIE-LCH | 35.993, 30.976, 274.638 |
CIE-LUV | 35.993, -15.68, -43.088 |
Hunter-Lab | 30.008, 0.123, -26.068 |
Binary | 00110000, 01010110, 10000110 |
Color Schemes with #305686
Alternatives to #305686
Below, you can see some colors close to #305686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305686 Preview
This text has a font color of #305686.
<span style="color:#305686;">Text here</span>
This paragraph has a background color of #305686.
<p style="background-color:#305686;">Content here</p>
This element has a border color of #305686.
<div style="border:1px solid #305686;">Content here</div>
.text {color:#305686;}
.background {background-color:#305686;}
.border {border:1px solid #305686;}
Shades and Tints of #305686
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, #010304 is the darkest color, while #f5f8fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#070c12
#070c12
rgb(7,12,18)
-
#0c1521
#0c1521
rgb(12,21,33)
-
#111e2f
#111e2f
rgb(17,30,47)
-
#16283e
#16283e
rgb(22,40,62)
-
#1b314c
#1b314c
rgb(27,49,76)
-
#203a5b
#203a5b
rgb(32,58,91)
-
#264369
#264369
rgb(38,67,105)
-
#2b4d78
#2b4d78
rgb(43,77,120)
-
#305686
#305686
rgb(48,86,134)
-
#355f94
#355f94
rgb(53,95,148)
-
#3a69a3
#3a69a3
rgb(58,105,163)
-
#4072b1
#4072b1
rgb(64,114,177)
-
#477bbd
#477bbd
rgb(71,123,189)
-
#5686c2
#5686c2
rgb(86,134,194)
-
#6490c8
#6490c8
rgb(100,144,200)
-
#739acd
#739acd
rgb(115,154,205)
-
#81a5d2
#81a5d2
rgb(129,165,210)
-
#8fafd7
#8fafd7
rgb(143,175,215)
-
#9eb9dc
#9eb9dc
rgb(158,185,220)
-
#acc4e1
#acc4e1
rgb(172,196,225)
-
#bbcee7
#bbcee7
rgb(187,206,231)
-
#c9d8ec
#c9d8ec
rgb(201,216,236)
-
#d8e3f1
#d8e3f1
rgb(216,227,241)
-
#e6edf6
#e6edf6
rgb(230,237,246)
-
#f5f8fb
#f5f8fb
rgb(245,248,251)
Tones of #305686
A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #0651b0 is the most saturated one.
-
#5a5b5c
#5a5b5c
rgb(90,91,92)
-
#535a63
#535a63
rgb(83,90,99)
-
#4c596a
#4c596a
rgb(76,89,106)
-
#455871
#455871
rgb(69,88,113)
-
#3e5878
#3e5878
rgb(62,88,120)
-
#37577f
#37577f
rgb(55,87,127)
-
#305686
#305686
rgb(48,86,134)
-
#29558d
#29558d
rgb(41,85,141)
-
#225494
#225494
rgb(34,84,148)
-
#1b549b
#1b549b
rgb(27,84,155)
-
#1453a2
#1453a2
rgb(20,83,162)
-
#0d52a9
#0d52a9
rgb(13,82,169)
-
#0651b0
#0651b0
rgb(6,81,176)
Color Blindness Simulator
Below, you can see how #305686 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.