#306e86 Color Information
In a RGB color space, hex #306e86 is composed of 18.8% red, 43.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 17.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 196.7 degrees, a saturation of 47.3% and a lightness of 35.7%. #306e86 color hex could be obtained by blending #60dcff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 43
- B 53
-
- C 64
- M 18
- Y 0
- K 47
● #306e86 color description : Dark moderate blue.
#306e86 Color Conversion
The hexadecimal color #306e86 has RGB values of R:48, G:110, B:134 and CMYK values of C:0.64, M:0.18, Y:0, K:0.47. Its decimal value is 3174022.
Hex triplet | 306e86 | #306e86 |
---|---|---|
RGB Decimal | 48, 110, 134 | rgb(48,110,134) |
RGB Percent | 18.8, 43.1, 52.5 | rgb(18.8%,43.1%,52.5%) |
CMYK | 64, 18, 0, 47 | |
HSL | 196.7°, 47.3, 35.7 | hsl(196.7,47.3%,35.7%) |
HSV (or HSB) | 196.7°, 64.2, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.508, -12.125, -19.168 |
---|---|
XYZ | 11.097, 13.501, 24.574 |
xyY | 0.226, 0.275, 13.501 |
CIE-LCH | 43.508, 22.682, 237.684 |
CIE-LUV | 43.508, -24.523, -25.71 |
Hunter-Lab | 36.743, -10.392, -13.933 |
Binary | 00110000, 01101110, 10000110 |
Color Schemes with #306e86
Alternatives to #306e86
Below, you can see some colors close to #306e86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306e86 Preview
This text has a font color of #306e86.
<span style="color:#306e86;">Text here</span>
This paragraph has a background color of #306e86.
<p style="background-color:#306e86;">Content here</p>
This element has a border color of #306e86.
<div style="border:1px solid #306e86;">Content here</div>
.text {color:#306e86;}
.background {background-color:#306e86;}
.border {border:1px solid #306e86;}
Shades and Tints of #306e86
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 #f5f9fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#070f12
#070f12
rgb(7,15,18)
-
#0c1b21
#0c1b21
rgb(12,27,33)
-
#11272f
#11272f
rgb(17,39,47)
-
#16333e
#16333e
rgb(22,51,62)
-
#1b3f4c
#1b3f4c
rgb(27,63,76)
-
#204a5b
#204a5b
rgb(32,74,91)
-
#265669
#265669
rgb(38,86,105)
-
#2b6278
#2b6278
rgb(43,98,120)
-
#306e86
#306e86
rgb(48,110,134)
-
#357a94
#357a94
rgb(53,122,148)
-
#3a86a3
#3a86a3
rgb(58,134,163)
-
#4092b1
#4092b1
rgb(64,146,177)
-
#479cbd
#479cbd
rgb(71,156,189)
-
#56a4c2
#56a4c2
rgb(86,164,194)
-
#64acc8
#64acc8
rgb(100,172,200)
-
#73b4cd
#73b4cd
rgb(115,180,205)
-
#81bbd2
#81bbd2
rgb(129,187,210)
-
#8fc3d7
#8fc3d7
rgb(143,195,215)
-
#9ecbdc
#9ecbdc
rgb(158,203,220)
-
#acd3e1
#acd3e1
rgb(172,211,225)
-
#bbdae7
#bbdae7
rgb(187,218,231)
-
#c9e2ec
#c9e2ec
rgb(201,226,236)
-
#d8eaf1
#d8eaf1
rgb(216,234,241)
-
#e6f2f6
#e6f2f6
rgb(230,242,246)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #306e86
A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #0681b0 is the most saturated one.
-
#5a5b5c
#5a5b5c
rgb(90,91,92)
-
#535f63
#535f63
rgb(83,95,99)
-
#4c626a
#4c626a
rgb(76,98,106)
-
#456571
#456571
rgb(69,101,113)
-
#3e6878
#3e6878
rgb(62,104,120)
-
#376b7f
#376b7f
rgb(55,107,127)
-
#306e86
#306e86
rgb(48,110,134)
-
#29718d
#29718d
rgb(41,113,141)
-
#227494
#227494
rgb(34,116,148)
-
#1b779b
#1b779b
rgb(27,119,155)
-
#147aa2
#147aa2
rgb(20,122,162)
-
#0d7da9
#0d7da9
rgb(13,125,169)
-
#0681b0
#0681b0
rgb(6,129,176)
Color Blindness Simulator
Below, you can see how #306e86 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.