#306aa8 Color Information
In a RGB color space, hex #306aa8 is composed of 18.8% red, 41.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 36.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 211 degrees, a saturation of 55.6% and a lightness of 42.4%. #306aa8 color hex could be obtained by blending #60d4ff with #000051. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 66
-
- C 71
- M 37
- Y 0
- K 34
● #306aa8 color description : Dark blue.
#306aa8 Color Conversion
The hexadecimal color #306aa8 has RGB values of R:48, G:106, B:168 and CMYK values of C:0.71, M:0.37, Y:0, K:0.34. Its decimal value is 3173032.
Hex triplet | 306aa8 | #306aa8 |
---|---|---|
RGB Decimal | 48, 106, 168 | rgb(48,106,168) |
RGB Percent | 18.8, 41.6, 65.9 | rgb(18.8%,41.6%,65.9%) |
CMYK | 71, 37, 0, 34 | |
HSL | 211°, 55.6, 42.4 | hsl(211,55.6%,42.4%) |
HSV (or HSB) | 211°, 71.4, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.891, 2.336, -38.766 |
---|---|
XYZ | 13.439, 13.763, 38.992 |
xyY | 0.203, 0.208, 13.763 |
CIE-LCH | 43.891, 38.837, 273.448 |
CIE-LUV | 43.891, -21.827, -57.417 |
Hunter-Lab | 37.098, -0.258, -36.348 |
Binary | 00110000, 01101010, 10101000 |
Color Schemes with #306aa8
Alternatives to #306aa8
Below, you can see some colors close to #306aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306aa8 Preview
This text has a font color of #306aa8.
<span style="color:#306aa8;">Text here</span>
This paragraph has a background color of #306aa8.
<p style="background-color:#306aa8;">Content here</p>
This element has a border color of #306aa8.
<div style="border:1px solid #306aa8;">Content here</div>
.text {color:#306aa8;}
.background {background-color:#306aa8;}
.border {border:1px solid #306aa8;}
Shades and Tints of #306aa8
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, #000000 is the darkest color, while #f0f5fb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#040a0f
#040a0f
rgb(4,10,15)
-
#09131f
#09131f
rgb(9,19,31)
-
#0d1d2e
#0d1d2e
rgb(13,29,46)
-
#11273d
#11273d
rgb(17,39,61)
-
#16304c
#16304c
rgb(22,48,76)
-
#1a3a5c
#1a3a5c
rgb(26,58,92)
-
#1f436b
#1f436b
rgb(31,67,107)
-
#234d7a
#234d7a
rgb(35,77,122)
-
#275789
#275789
rgb(39,87,137)
-
#2c6099
#2c6099
rgb(44,96,153)
-
#306aa8
#306aa8
rgb(48,106,168)
-
#3474b7
#3474b7
rgb(52,116,183)
-
#397dc6
#397dc6
rgb(57,125,198)
-
#4887cb
#4887cb
rgb(72,135,203)
-
#5791cf
#5791cf
rgb(87,145,207)
-
#679bd3
#679bd3
rgb(103,155,211)
-
#76a5d8
#76a5d8
rgb(118,165,216)
-
#85afdc
#85afdc
rgb(133,175,220)
-
#94b9e1
#94b9e1
rgb(148,185,225)
-
#a4c3e5
#a4c3e5
rgb(164,195,229)
-
#b3cde9
#b3cde9
rgb(179,205,233)
-
#c2d7ee
#c2d7ee
rgb(194,215,238)
-
#d1e1f2
#d1e1f2
rgb(209,225,242)
-
#e1ebf6
#e1ebf6
rgb(225,235,246)
-
#f0f5fb
#f0f5fb
rgb(240,245,251)
Tones of #306aa8
A tone is produced by adding gray to any pure hue. In this case, #6a6c6e is the less saturated color, while #0669d2 is the most saturated one.
-
#6a6c6e
#6a6c6e
rgb(106,108,110)
-
#626c76
#626c76
rgb(98,108,118)
-
#5a6b7e
#5a6b7e
rgb(90,107,126)
-
#516b87
#516b87
rgb(81,107,135)
-
#496b8f
#496b8f
rgb(73,107,143)
-
#416b97
#416b97
rgb(65,107,151)
-
#386aa0
#386aa0
rgb(56,106,160)
-
#306aa8
#306aa8
rgb(48,106,168)
-
#286ab0
#286ab0
rgb(40,106,176)
-
#1f69b9
#1f69b9
rgb(31,105,185)
-
#1769c1
#1769c1
rgb(23,105,193)
-
#0f69c9
#0f69c9
rgb(15,105,201)
-
#0669d2
#0669d2
rgb(6,105,210)
Color Blindness Simulator
Below, you can see how #306aa8 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.