#305a78 Color Information
In a RGB color space, hex #305a78 is composed of 18.8% red, 35.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 25% magenta, 0% yellow and 52.9% black. It has a hue angle of 205 degrees, a saturation of 42.9% and a lightness of 32.9%. #305a78 color hex could be obtained by blending #60b4f0 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 35
- B 47
-
- C 60
- M 25
- Y 0
- K 53
● #305a78 color description : Dark moderate blue.
#305a78 Color Conversion
The hexadecimal color #305a78 has RGB values of R:48, G:90, B:120 and CMYK values of C:0.6, M:0.25, Y:0, K:0.53. Its decimal value is 3168888.
Hex triplet | 305a78 | #305a78 |
---|---|---|
RGB Decimal | 48, 90, 120 | rgb(48,90,120) |
RGB Percent | 18.8, 35.3, 47.1 | rgb(18.8%,35.3%,47.1%) |
CMYK | 60, 25, 0, 53 | |
HSL | 205°, 42.9, 32.9 | hsl(205,42.9%,32.9%) |
HSV (or HSB) | 205°, 60, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.549, -4.991, -21.41 |
---|---|
XYZ | 8.264, 9.296, 19.127 |
xyY | 0.225, 0.253, 9.296 |
CIE-LCH | 36.549, 21.984, 256.877 |
CIE-LUV | 36.549, -17.415, -28.691 |
Hunter-Lab | 30.49, -4.973, -15.852 |
Binary | 00110000, 01011010, 01111000 |
Color Schemes with #305a78
Alternatives to #305a78
Below, you can see some colors close to #305a78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305a78 Preview
This text has a font color of #305a78.
<span style="color:#305a78;">Text here</span>
This paragraph has a background color of #305a78.
<p style="background-color:#305a78;">Content here</p>
This element has a border color of #305a78.
<div style="border:1px solid #305a78;">Content here</div>
.text {color:#305a78;}
.background {background-color:#305a78;}
.border {border:1px solid #305a78;}
Shades and Tints of #305a78
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, #030608 is the darkest color, while #f9fbfd is the lightest one.
-
#030608
#030608
rgb(3,6,8)
-
#091016
#091016
rgb(9,16,22)
-
#0e1b24
#0e1b24
rgb(14,27,36)
-
#142532
#142532
rgb(20,37,50)
-
#1a3040
#1a3040
rgb(26,48,64)
-
#1f3a4e
#1f3a4e
rgb(31,58,78)
-
#25455c
#25455c
rgb(37,69,92)
-
#2a4f6a
#2a4f6a
rgb(42,79,106)
-
#305a78
#305a78
rgb(48,90,120)
-
#366586
#366586
rgb(54,101,134)
-
#3b6f94
#3b6f94
rgb(59,111,148)
-
#417aa2
#417aa2
rgb(65,122,162)
-
#4684b0
#4684b0
rgb(70,132,176)
-
#518eb9
#518eb9
rgb(81,142,185)
-
#5f97bf
#5f97bf
rgb(95,151,191)
-
#6da0c5
#6da0c5
rgb(109,160,197)
-
#7ba9ca
#7ba9ca
rgb(123,169,202)
-
#89b2d0
#89b2d0
rgb(137,178,208)
-
#97bbd5
#97bbd5
rgb(151,187,213)
-
#a5c4db
#a5c4db
rgb(165,196,219)
-
#b3cee1
#b3cee1
rgb(179,206,225)
-
#c1d7e6
#c1d7e6
rgb(193,215,230)
-
#cfe0ec
#cfe0ec
rgb(207,224,236)
-
#dde9f1
#dde9f1
rgb(221,233,241)
-
#ebf2f7
#ebf2f7
rgb(235,242,247)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #305a78
A tone is produced by adding gray to any pure hue. In this case, #505558 is the less saturated color, while #0362a5 is the most saturated one.
-
#505558
#505558
rgb(80,85,88)
-
#4a565e
#4a565e
rgb(74,86,94)
-
#435765
#435765
rgb(67,87,101)
-
#3d586b
#3d586b
rgb(61,88,107)
-
#365972
#365972
rgb(54,89,114)
-
#305a78
#305a78
rgb(48,90,120)
-
#2a5b7e
#2a5b7e
rgb(42,91,126)
-
#235c85
#235c85
rgb(35,92,133)
-
#1d5d8b
#1d5d8b
rgb(29,93,139)
-
#165e92
#165e92
rgb(22,94,146)
-
#105f98
#105f98
rgb(16,95,152)
-
#09609f
#09609f
rgb(9,96,159)
-
#0362a5
#0362a5
rgb(3,98,165)
Color Blindness Simulator
Below, you can see how #305a78 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.