#306686 Color Information
In a RGB color space, hex #306686 is composed of 18.8% red, 40% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 23.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 202.3 degrees, a saturation of 47.3% and a lightness of 35.7%. #306686 color hex could be obtained by blending #60ccff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 40
- B 53
-
- C 64
- M 24
- Y 0
- K 47
● #306686 color description : Dark moderate blue.
#306686 Color Conversion
The hexadecimal color #306686 has RGB values of R:48, G:102, B:134 and CMYK values of C:0.64, M:0.24, Y:0, K:0.47. Its decimal value is 3171974.
Hex triplet | 306686 | #306686 |
---|---|---|
RGB Decimal | 48, 102, 134 | rgb(48,102,134) |
RGB Percent | 18.8, 40, 52.5 | rgb(18.8%,40%,52.5%) |
CMYK | 64, 24, 0, 47 | |
HSL | 202.3°, 47.3, 35.7 | hsl(202.3,47.3%,35.7%) |
HSV (or HSB) | 202.3°, 64.2, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.979, -7.434, -23.073 |
---|---|
XYZ | 10.272, 11.852, 24.299 |
xyY | 0.221, 0.255, 11.852 |
CIE-LCH | 40.979, 24.241, 252.14 |
CIE-LUV | 40.979, -21.51, -31.736 |
Hunter-Lab | 34.426, -6.984, -17.751 |
Binary | 00110000, 01100110, 10000110 |
Color Schemes with #306686
Alternatives to #306686
Below, you can see some colors close to #306686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306686 Preview
This text has a font color of #306686.
<span style="color:#306686;">Text here</span>
This paragraph has a background color of #306686.
<p style="background-color:#306686;">Content here</p>
This element has a border color of #306686.
<div style="border:1px solid #306686;">Content here</div>
.text {color:#306686;}
.background {background-color:#306686;}
.border {border:1px solid #306686;}
Shades and Tints of #306686
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)
-
#070e12
#070e12
rgb(7,14,18)
-
#0c1921
#0c1921
rgb(12,25,33)
-
#11242f
#11242f
rgb(17,36,47)
-
#162f3e
#162f3e
rgb(22,47,62)
-
#1b3a4c
#1b3a4c
rgb(27,58,76)
-
#20455b
#20455b
rgb(32,69,91)
-
#265069
#265069
rgb(38,80,105)
-
#2b5b78
#2b5b78
rgb(43,91,120)
-
#306686
#306686
rgb(48,102,134)
-
#357194
#357194
rgb(53,113,148)
-
#3a7ca3
#3a7ca3
rgb(58,124,163)
-
#4087b1
#4087b1
rgb(64,135,177)
-
#4791bd
#4791bd
rgb(71,145,189)
-
#569ac2
#569ac2
rgb(86,154,194)
-
#64a3c8
#64a3c8
rgb(100,163,200)
-
#73abcd
#73abcd
rgb(115,171,205)
-
#81b4d2
#81b4d2
rgb(129,180,210)
-
#8fbcd7
#8fbcd7
rgb(143,188,215)
-
#9ec5dc
#9ec5dc
rgb(158,197,220)
-
#accee1
#accee1
rgb(172,206,225)
-
#bbd6e7
#bbd6e7
rgb(187,214,231)
-
#c9dfec
#c9dfec
rgb(201,223,236)
-
#d8e8f1
#d8e8f1
rgb(216,232,241)
-
#e6f0f6
#e6f0f6
rgb(230,240,246)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #306686
A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #0671b0 is the most saturated one.
-
#5a5b5c
#5a5b5c
rgb(90,91,92)
-
#535d63
#535d63
rgb(83,93,99)
-
#4c5f6a
#4c5f6a
rgb(76,95,106)
-
#456171
#456171
rgb(69,97,113)
-
#3e6278
#3e6278
rgb(62,98,120)
-
#37647f
#37647f
rgb(55,100,127)
-
#306686
#306686
rgb(48,102,134)
-
#29688d
#29688d
rgb(41,104,141)
-
#226a94
#226a94
rgb(34,106,148)
-
#1b6b9b
#1b6b9b
rgb(27,107,155)
-
#146da2
#146da2
rgb(20,109,162)
-
#0d6fa9
#0d6fa9
rgb(13,111,169)
-
#0671b0
#0671b0
rgb(6,113,176)
Color Blindness Simulator
Below, you can see how #306686 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.