#306a83 Color Information
In a RGB color space, hex #306a83 is composed of 18.8% red, 41.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 19.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 198.1 degrees, a saturation of 46.4% and a lightness of 35.1%. #306a83 color hex could be obtained by blending #60d4ff with #000007. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 51
-
- C 63
- M 19
- Y 0
- K 49
● #306a83 color description : Dark moderate blue.
#306a83 Color Conversion
The hexadecimal color #306a83 has RGB values of R:48, G:106, B:131 and CMYK values of C:0.63, M:0.19, Y:0, K:0.49. Its decimal value is 3172995.
Hex triplet | 306a83 | #306a83 |
---|---|---|
RGB Decimal | 48, 106, 131 | rgb(48,106,131) |
RGB Percent | 18.8, 41.6, 51.4 | rgb(18.8%,41.6%,51.4%) |
CMYK | 63, 19, 0, 49 | |
HSL | 198.1°, 46.4, 35.1 | hsl(198.1,46.4%,35.1%) |
HSV (or HSB) | 198.1°, 63.4, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.115, -10.821, -19.509 |
---|---|
XYZ | 10.469, 12.574, 23.347 |
xyY | 0.226, 0.271, 12.574 |
CIE-LCH | 42.115, 22.309, 240.984 |
CIE-LUV | 42.115, -23.129, -26.185 |
Hunter-Lab | 35.46, -9.359, -14.214 |
Binary | 00110000, 01101010, 10000011 |
Color Schemes with #306a83
Alternatives to #306a83
Below, you can see some colors close to #306a83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306a83 Preview
This text has a font color of #306a83.
<span style="color:#306a83;">Text here</span>
This paragraph has a background color of #306a83.
<p style="background-color:#306a83;">Content here</p>
This element has a border color of #306a83.
<div style="border:1px solid #306a83;">Content here</div>
.text {color:#306a83;}
.background {background-color:#306a83;}
.border {border:1px solid #306a83;}
Shades and Tints of #306a83
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, #010102 is the darkest color, while #f2f8fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060d10
#060d10
rgb(6,13,16)
-
#0b191f
#0b191f
rgb(11,25,31)
-
#10242d
#10242d
rgb(16,36,45)
-
#16303b
#16303b
rgb(22,48,59)
-
#1b3c4a
#1b3c4a
rgb(27,60,74)
-
#204758
#204758
rgb(32,71,88)
-
#255366
#255366
rgb(37,83,102)
-
#2b5e75
#2b5e75
rgb(43,94,117)
-
#306a83
#306a83
rgb(48,106,131)
-
#357691
#357691
rgb(53,118,145)
-
#3b81a0
#3b81a0
rgb(59,129,160)
-
#408dae
#408dae
rgb(64,141,174)
-
#4698bb
#4698bb
rgb(70,152,187)
-
#55a0c1
#55a0c1
rgb(85,160,193)
-
#63a8c6
#63a8c6
rgb(99,168,198)
-
#71b0cb
#71b0cb
rgb(113,176,203)
-
#80b8d0
#80b8d0
rgb(128,184,208)
-
#8ec0d6
#8ec0d6
rgb(142,192,214)
-
#9cc8db
#9cc8db
rgb(156,200,219)
-
#abd0e0
#abd0e0
rgb(171,208,224)
-
#b9d8e5
#b9d8e5
rgb(185,216,229)
-
#c7e0eb
#c7e0eb
rgb(199,224,235)
-
#d6e8f0
#d6e8f0
rgb(214,232,240)
-
#e4f0f5
#e4f0f5
rgb(228,240,245)
-
#f2f8fa
#f2f8fa
rgb(242,248,250)
Tones of #306a83
A tone is produced by adding gray to any pure hue. In this case, #595a5a is the less saturated color, while #077aac is the most saturated one.
-
#595a5a
#595a5a
rgb(89,90,90)
-
#525c61
#525c61
rgb(82,92,97)
-
#4c5f67
#4c5f67
rgb(76,95,103)
-
#45626e
#45626e
rgb(69,98,110)
-
#3e6575
#3e6575
rgb(62,101,117)
-
#37677c
#37677c
rgb(55,103,124)
-
#306a83
#306a83
rgb(48,106,131)
-
#296d8a
#296d8a
rgb(41,109,138)
-
#226f91
#226f91
rgb(34,111,145)
-
#1b7298
#1b7298
rgb(27,114,152)
-
#14759f
#14759f
rgb(20,117,159)
-
#0e78a5
#0e78a5
rgb(14,120,165)
-
#077aac
#077aac
rgb(7,122,172)
Color Blindness Simulator
Below, you can see how #306a83 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.