#306cb4 Color Information
In a RGB color space, hex #306cb4 is composed of 18.8% red, 42.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 40% magenta, 0% yellow and 29.4% black. It has a hue angle of 212.7 degrees, a saturation of 57.9% and a lightness of 44.7%. #306cb4 color hex could be obtained by blending #60d8ff with #000069. Closest websafe color is: #3366cc.
-
- R 19
- G 42
- B 71
-
- C 73
- M 40
- Y 0
- K 29
● #306cb4 color description : Moderate blue.
#306cb4 Color Conversion
The hexadecimal color #306cb4 has RGB values of R:48, G:108, B:180 and CMYK values of C:0.73, M:0.4, Y:0, K:0.29. Its decimal value is 3173556.
Hex triplet | 306cb4 | #306cb4 |
---|---|---|
RGB Decimal | 48, 108, 180 | rgb(48,108,180) |
RGB Percent | 18.8, 42.4, 70.6 | rgb(18.8%,42.4%,70.6%) |
CMYK | 73, 40, 0, 29 | |
HSL | 212.7°, 57.9, 44.7 | hsl(212.7,57.9%,44.7%) |
HSV (or HSB) | 212.7°, 73.3, 70.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.148, 5.535, -43.795 |
---|---|
XYZ | 14.818, 14.648, 45.224 |
xyY | 0.198, 0.196, 14.648 |
CIE-LCH | 45.148, 44.143, 277.203 |
CIE-LUV | 45.148, -22.148, -65.875 |
Hunter-Lab | 38.272, 2.133, -43.269 |
Binary | 00110000, 01101100, 10110100 |
Color Schemes with #306cb4
Alternatives to #306cb4
Below, you can see some colors close to #306cb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306cb4 Preview
This text has a font color of #306cb4.
<span style="color:#306cb4;">Text here</span>
This paragraph has a background color of #306cb4.
<p style="background-color:#306cb4;">Content here</p>
This element has a border color of #306cb4.
<div style="border:1px solid #306cb4;">Content here</div>
.text {color:#306cb4;}
.background {background-color:#306cb4;}
.border {border:1px solid #306cb4;}
Shades and Tints of #306cb4
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, #03060a is the darkest color, while #f9fbfd is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#070f19
#070f19
rgb(7,15,25)
-
#0b1829
#0b1829
rgb(11,24,41)
-
#0f2238
#0f2238
rgb(15,34,56)
-
#132b48
#132b48
rgb(19,43,72)
-
#173457
#173457
rgb(23,52,87)
-
#1b3e67
#1b3e67
rgb(27,62,103)
-
#1f4776
#1f4776
rgb(31,71,118)
-
#245086
#245086
rgb(36,80,134)
-
#285995
#285995
rgb(40,89,149)
-
#2c63a5
#2c63a5
rgb(44,99,165)
-
#306cb4
#306cb4
rgb(48,108,180)
-
#3475c3
#3475c3
rgb(52,117,195)
-
#3f7fcc
#3f7fcc
rgb(63,127,204)
-
#4f8ad0
#4f8ad0
rgb(79,138,208)
-
#5e94d4
#5e94d4
rgb(94,148,212)
-
#6e9ed8
#6e9ed8
rgb(110,158,216)
-
#7da9dc
#7da9dc
rgb(125,169,220)
-
#8db3e1
#8db3e1
rgb(141,179,225)
-
#9cbde5
#9cbde5
rgb(156,189,229)
-
#acc7e9
#acc7e9
rgb(172,199,233)
-
#bbd2ed
#bbd2ed
rgb(187,210,237)
-
#cbdcf1
#cbdcf1
rgb(203,220,241)
-
#dae6f5
#dae6f5
rgb(218,230,245)
-
#eaf1f9
#eaf1f9
rgb(234,241,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #306cb4
A tone is produced by adding gray to any pure hue. In this case, #6d7277 is the less saturated color, while #0468e0 is the most saturated one.
-
#6d7277
#6d7277
rgb(109,114,119)
-
#65717f
#65717f
rgb(101,113,127)
-
#5c7088
#5c7088
rgb(92,112,136)
-
#536f91
#536f91
rgb(83,111,145)
-
#4a6e9a
#4a6e9a
rgb(74,110,154)
-
#426ea2
#426ea2
rgb(66,110,162)
-
#396dab
#396dab
rgb(57,109,171)
-
#306cb4
#306cb4
rgb(48,108,180)
-
#276bbd
#276bbd
rgb(39,107,189)
-
#1e6ac6
#1e6ac6
rgb(30,106,198)
-
#166ace
#166ace
rgb(22,106,206)
-
#0d69d7
#0d69d7
rgb(13,105,215)
-
#0468e0
#0468e0
rgb(4,104,224)
Color Blindness Simulator
Below, you can see how #306cb4 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.