#305a60 Color Information
In a RGB color space, hex #305a60 is composed of 18.8% red, 35.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 6.2% magenta, 0% yellow and 62.4% black. It has a hue angle of 187.5 degrees, a saturation of 33.3% and a lightness of 28.2%. #305a60 color hex could be obtained by blending #60b4c0 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 35
- B 38
-
- C 50
- M 6
- Y 0
- K 62
● #305a60 color description : Very dark desaturated cyan.
#305a60 Color Conversion
The hexadecimal color #305a60 has RGB values of R:48, G:90, B:96 and CMYK values of C:0.5, M:0.06, Y:0, K:0.62. Its decimal value is 3168864.
Hex triplet | 305a60 | #305a60 |
---|---|---|
RGB Decimal | 48, 90, 96 | rgb(48,90,96) |
RGB Percent | 18.8, 35.3, 37.6 | rgb(18.8%,35.3%,37.6%) |
CMYK | 50, 6, 0, 62 | |
HSL | 187.5°, 33.3, 28.2 | hsl(187.5,33.3%,28.2%) |
HSV (or HSB) | 187.5°, 50, 37.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.567, -12.828, -8.017 |
---|---|
XYZ | 6.986, 8.785, 12.393 |
xyY | 0.248, 0.312, 8.785 |
CIE-LCH | 35.567, 15.127, 212.005 |
CIE-LUV | 35.567, -18.039, -8.764 |
Hunter-Lab | 29.639, -9.797, -4.044 |
Binary | 00110000, 01011010, 01100000 |
Color Schemes with #305a60
Alternatives to #305a60
Below, you can see some colors close to #305a60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#305a60 Preview
This text has a font color of #305a60.
<span style="color:#305a60;">Text here</span>
This paragraph has a background color of #305a60.
<p style="background-color:#305a60;">Content here</p>
This element has a border color of #305a60.
<div style="border:1px solid #305a60;">Content here</div>
.text {color:#305a60;}
.background {background-color:#305a60;}
.border {border:1px solid #305a60;}
Shades and Tints of #305a60
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, #020404 is the darkest color, while #f6fafb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#091012
#091012
rgb(9,16,18)
-
#0f1d1f
#0f1d1f
rgb(15,29,31)
-
#16292c
#16292c
rgb(22,41,44)
-
#1c3539
#1c3539
rgb(28,53,57)
-
#234146
#234146
rgb(35,65,70)
-
#294e53
#294e53
rgb(41,78,83)
-
#305a60
#305a60
rgb(48,90,96)
-
#37666d
#37666d
rgb(55,102,109)
-
#3d737a
#3d737a
rgb(61,115,122)
-
#447f87
#447f87
rgb(68,127,135)
-
#4a8b94
#4a8b94
rgb(74,139,148)
-
#5197a1
#5197a1
rgb(81,151,161)
-
#59a2ac
#59a2ac
rgb(89,162,172)
-
#67a9b3
#67a9b3
rgb(103,169,179)
-
#74b1b9
#74b1b9
rgb(116,177,185)
-
#81b8c0
#81b8c0
rgb(129,184,192)
-
#8ebfc6
#8ebfc6
rgb(142,191,198)
-
#9bc7cd
#9bc7cd
rgb(155,199,205)
-
#a8ced3
#a8ced3
rgb(168,206,211)
-
#b5d5da
#b5d5da
rgb(181,213,218)
-
#c2dde1
#c2dde1
rgb(194,221,225)
-
#cfe4e7
#cfe4e7
rgb(207,228,231)
-
#dcebee
#dcebee
rgb(220,235,238)
-
#e9f3f4
#e9f3f4
rgb(233,243,244)
-
#f6fafb
#f6fafb
rgb(246,250,251)
Tones of #305a60
A tone is produced by adding gray to any pure hue. In this case, #46494a is the less saturated color, while #047b8c is the most saturated one.
-
#46494a
#46494a
rgb(70,73,74)
-
#414e4f
#414e4f
rgb(65,78,79)
-
#3b5255
#3b5255
rgb(59,82,85)
-
#36565a
#36565a
rgb(54,86,90)
-
#305a60
#305a60
rgb(48,90,96)
-
#2a5e66
#2a5e66
rgb(42,94,102)
-
#25626b
#25626b
rgb(37,98,107)
-
#1f6671
#1f6671
rgb(31,102,113)
-
#1a6b76
#1a6b76
rgb(26,107,118)
-
#146f7c
#146f7c
rgb(20,111,124)
-
#0f7381
#0f7381
rgb(15,115,129)
-
#097787
#097787
rgb(9,119,135)
-
#047b8c
#047b8c
rgb(4,123,140)
Color Blindness Simulator
Below, you can see how #305a60 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.