#306366 Color Information
In a RGB color space, hex #306366 is composed of 18.8% red, 38.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 2.9% magenta, 0% yellow and 60% black. It has a hue angle of 183.3 degrees, a saturation of 36% and a lightness of 29.4%. #306366 color hex could be obtained by blending #60c6cc with #000000. Closest websafe color is: #336666.
-
- R 19
- G 39
- B 40
-
- C 53
- M 3
- Y 0
- K 60
● #306366 color description : Very dark desaturated cyan.
#306366 Color Conversion
The hexadecimal color #306366 has RGB values of R:48, G:99, B:102 and CMYK values of C:0.53, M:0.03, Y:0, K:0.6. Its decimal value is 3171174.
Hex triplet | 306366 | #306366 |
---|---|---|
RGB Decimal | 48, 99, 102 | rgb(48,99,102) |
RGB Percent | 18.8, 38.8, 40 | rgb(18.8%,38.8%,40%) |
CMYK | 53, 3, 0, 60 | |
HSL | 183.3°, 36, 29.4 | hsl(183.3,36%,29.4%) |
HSV (or HSB) | 183.3°, 52.9, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.744, -16.13, -6.972 |
---|---|
XYZ | 8.078, 10.511, 14.173 |
xyY | 0.247, 0.321, 10.511 |
CIE-LCH | 38.744, 17.572, 203.377 |
CIE-LUV | 38.744, -21.497, -7.105 |
Hunter-Lab | 32.42, -12.258, -3.225 |
Binary | 00110000, 01100011, 01100110 |
Color Schemes with #306366
Alternatives to #306366
Below, you can see some colors close to #306366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306366 Preview
This text has a font color of #306366.
<span style="color:#306366;">Text here</span>
This paragraph has a background color of #306366.
<p style="background-color:#306366;">Content here</p>
This element has a border color of #306366.
<div style="border:1px solid #306366;">Content here</div>
.text {color:#306366;}
.background {background-color:#306366;}
.border {border:1px solid #306366;}
Shades and Tints of #306366
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, #040809 is the darkest color, while #fafdfd is the lightest one.
-
#040809
#040809
rgb(4,8,9)
-
#0a1516
#0a1516
rgb(10,21,22)
-
#112223
#112223
rgb(17,34,35)
-
#172f31
#172f31
rgb(23,47,49)
-
#1d3c3e
#1d3c3e
rgb(29,60,62)
-
#23494b
#23494b
rgb(35,73,75)
-
#2a5659
#2a5659
rgb(42,86,89)
-
#306366
#306366
rgb(48,99,102)
-
#367073
#367073
rgb(54,112,115)
-
#3d7d81
#3d7d81
rgb(61,125,129)
-
#438a8e
#438a8e
rgb(67,138,142)
-
#49979b
#49979b
rgb(73,151,155)
-
#4fa4a9
#4fa4a9
rgb(79,164,169)
-
#5aadb1
#5aadb1
rgb(90,173,177)
-
#68b3b8
#68b3b8
rgb(104,179,184)
-
#75babe
#75babe
rgb(117,186,190)
-
#82c1c4
#82c1c4
rgb(130,193,196)
-
#90c7cb
#90c7cb
rgb(144,199,203)
-
#9dced1
#9dced1
rgb(157,206,209)
-
#aad5d7
#aad5d7
rgb(170,213,215)
-
#b8dbdd
#b8dbdd
rgb(184,219,221)
-
#c5e2e4
#c5e2e4
rgb(197,226,228)
-
#d2e9ea
#d2e9ea
rgb(210,233,234)
-
#e0eff0
#e0eff0
rgb(224,239,240)
-
#edf6f7
#edf6f7
rgb(237,246,247)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #306366
A tone is produced by adding gray to any pure hue. In this case, #474e4f is the less saturated color, while #028c94 is the most saturated one.
-
#474e4f
#474e4f
rgb(71,78,79)
-
#415455
#415455
rgb(65,84,85)
-
#3c595a
#3c595a
rgb(60,89,90)
-
#365e60
#365e60
rgb(54,94,96)
-
#306366
#306366
rgb(48,99,102)
-
#2a686c
#2a686c
rgb(42,104,108)
-
#246d72
#246d72
rgb(36,109,114)
-
#1f7277
#1f7277
rgb(31,114,119)
-
#19787d
#19787d
rgb(25,120,125)
-
#137d83
#137d83
rgb(19,125,131)
-
#0d8289
#0d8289
rgb(13,130,137)
-
#08878e
#08878e
rgb(8,135,142)
-
#028c94
#028c94
rgb(2,140,148)
Color Blindness Simulator
Below, you can see how #306366 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.