#306a94 Color Information
In a RGB color space, hex #306a94 is composed of 18.8% red, 41.6% green and 58% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 28.4% magenta, 0% yellow and 42% black. It has a hue angle of 205.2 degrees, a saturation of 51% and a lightness of 38.4%. #306a94 color hex could be obtained by blending #60d4ff with #000029. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 58
-
- C 68
- M 28
- Y 0
- K 42
● #306a94 color description : Dark moderate blue.
#306a94 Color Conversion
The hexadecimal color #306a94 has RGB values of R:48, G:106, B:148 and CMYK values of C:0.68, M:0.28, Y:0, K:0.42. Its decimal value is 3173012.
Hex triplet | 306a94 | #306a94 |
---|---|---|
RGB Decimal | 48, 106, 148 | rgb(48,106,148) |
RGB Percent | 18.8, 41.6, 58 | rgb(18.8%,41.6%,58%) |
CMYK | 68, 28, 0, 42 | |
HSL | 205.2°, 51, 38.4 | hsl(205.2,51%,38.4%) |
HSV (or HSB) | 205.2°, 67.6, 58 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.874, -4.923, -28.521 |
---|---|
XYZ | 11.717, 13.074, 29.921 |
xyY | 0.214, 0.239, 13.074 |
CIE-LCH | 42.874, 28.943, 260.207 |
CIE-LUV | 42.874, -22.488, -40.656 |
Hunter-Lab | 36.158, -5.432, -23.754 |
Binary | 00110000, 01101010, 10010100 |
Color Schemes with #306a94
Alternatives to #306a94
Below, you can see some colors close to #306a94. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306a94 Preview
This text has a font color of #306a94.
<span style="color:#306a94;">Text here</span>
This paragraph has a background color of #306a94.
<p style="background-color:#306a94;">Content here</p>
This element has a border color of #306a94.
<div style="border:1px solid #306a94;">Content here</div>
.text {color:#306a94;}
.background {background-color:#306a94;}
.border {border:1px solid #306a94;}
Shades and Tints of #306a94
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, #050b0f is the darkest color, while #ffffff is the lightest one.
-
#050b0f
#050b0f
rgb(5,11,15)
-
#0a151e
#0a151e
rgb(10,21,30)
-
#0e202c
#0e202c
rgb(14,32,44)
-
#132a3b
#132a3b
rgb(19,42,59)
-
#18354a
#18354a
rgb(24,53,74)
-
#1d4059
#1d4059
rgb(29,64,89)
-
#224a68
#224a68
rgb(34,74,104)
-
#265576
#265576
rgb(38,85,118)
-
#2b5f85
#2b5f85
rgb(43,95,133)
-
#306a94
#306a94
rgb(48,106,148)
-
#3575a3
#3575a3
rgb(53,117,163)
-
#3a7fb2
#3a7fb2
rgb(58,127,178)
-
#3e8ac0
#3e8ac0
rgb(62,138,192)
-
#4d93c5
#4d93c5
rgb(77,147,197)
-
#5c9cca
#5c9cca
rgb(92,156,202)
-
#6ba5cf
#6ba5cf
rgb(107,165,207)
-
#7aaed4
#7aaed4
rgb(122,174,212)
-
#88b7d9
#88b7d9
rgb(136,183,217)
-
#97c0dd
#97c0dd
rgb(151,192,221)
-
#a6c9e2
#a6c9e2
rgb(166,201,226)
-
#b5d2e7
#b5d2e7
rgb(181,210,231)
-
#c4dbec
#c4dbec
rgb(196,219,236)
-
#d2e4f1
#d2e4f1
rgb(210,228,241)
-
#e1edf5
#e1edf5
rgb(225,237,245)
-
#f0f6fa
#f0f6fa
rgb(240,246,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #306a94
A tone is produced by adding gray to any pure hue. In this case, #5d6367 is the less saturated color, while #0371c1 is the most saturated one.
-
#5d6367
#5d6367
rgb(93,99,103)
-
#56646e
#56646e
rgb(86,100,110)
-
#4e6576
#4e6576
rgb(78,101,118)
-
#47667d
#47667d
rgb(71,102,125)
-
#3f6885
#3f6885
rgb(63,104,133)
-
#38698c
#38698c
rgb(56,105,140)
-
#306a94
#306a94
rgb(48,106,148)
-
#286b9c
#286b9c
rgb(40,107,156)
-
#216ca3
#216ca3
rgb(33,108,163)
-
#196eab
#196eab
rgb(25,110,171)
-
#126fb2
#126fb2
rgb(18,111,178)
-
#0a70ba
#0a70ba
rgb(10,112,186)
-
#0371c1
#0371c1
rgb(3,113,193)
Color Blindness Simulator
Below, you can see how #306a94 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.