#306fb4 Color Information
In a RGB color space, hex #306fb4 is composed of 18.8% red, 43.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 38.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 211.4 degrees, a saturation of 57.9% and a lightness of 44.7%. #306fb4 color hex could be obtained by blending #60deff with #000069. Closest websafe color is: #3366cc.
-
- R 19
- G 44
- B 71
-
- C 73
- M 38
- Y 0
- K 29
● #306fb4 color description : Moderate blue.
#306fb4 Color Conversion
The hexadecimal color #306fb4 has RGB values of R:48, G:111, B:180 and CMYK values of C:0.73, M:0.38, Y:0, K:0.29. Its decimal value is 3174324.
Hex triplet | 306fb4 | #306fb4 |
---|---|---|
RGB Decimal | 48, 111, 180 | rgb(48,111,180) |
RGB Percent | 18.8, 43.5, 70.6 | rgb(18.8%,43.5%,70.6%) |
CMYK | 73, 38, 0, 29 | |
HSL | 211.4°, 57.9, 44.7 | hsl(211.4,57.9%,44.7%) |
HSV (or HSB) | 211.4°, 73.3, 70.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.031, 3.664, -42.39 |
---|---|
XYZ | 15.14, 15.291, 45.331 |
xyY | 0.2, 0.202, 15.291 |
CIE-LCH | 46.031, 42.548, 274.94 |
CIE-LUV | 46.031, -23.15, -63.82 |
Hunter-Lab | 39.104, 0.676, -41.358 |
Binary | 00110000, 01101111, 10110100 |
Color Schemes with #306fb4
Alternatives to #306fb4
Below, you can see some colors close to #306fb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306fb4 Preview
This text has a font color of #306fb4.
<span style="color:#306fb4;">Text here</span>
This paragraph has a background color of #306fb4.
<p style="background-color:#306fb4;">Content here</p>
This element has a border color of #306fb4.
<div style="border:1px solid #306fb4;">Content here</div>
.text {color:#306fb4;}
.background {background-color:#306fb4;}
.border {border:1px solid #306fb4;}
Shades and Tints of #306fb4
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)
-
#071019
#071019
rgb(7,16,25)
-
#0b1929
#0b1929
rgb(11,25,41)
-
#0f2338
#0f2338
rgb(15,35,56)
-
#132c48
#132c48
rgb(19,44,72)
-
#173657
#173657
rgb(23,54,87)
-
#1b3f67
#1b3f67
rgb(27,63,103)
-
#1f4976
#1f4976
rgb(31,73,118)
-
#245286
#245286
rgb(36,82,134)
-
#285c95
#285c95
rgb(40,92,149)
-
#2c65a5
#2c65a5
rgb(44,101,165)
-
#306fb4
#306fb4
rgb(48,111,180)
-
#3479c3
#3479c3
rgb(52,121,195)
-
#3f82cc
#3f82cc
rgb(63,130,204)
-
#4f8cd0
#4f8cd0
rgb(79,140,208)
-
#5e97d4
#5e97d4
rgb(94,151,212)
-
#6ea1d8
#6ea1d8
rgb(110,161,216)
-
#7dabdc
#7dabdc
rgb(125,171,220)
-
#8db5e1
#8db5e1
rgb(141,181,225)
-
#9cbfe5
#9cbfe5
rgb(156,191,229)
-
#acc9e9
#acc9e9
rgb(172,201,233)
-
#bbd3ed
#bbd3ed
rgb(187,211,237)
-
#cbddf1
#cbddf1
rgb(203,221,241)
-
#dae7f5
#dae7f5
rgb(218,231,245)
-
#eaf1f9
#eaf1f9
rgb(234,241,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #306fb4
A tone is produced by adding gray to any pure hue. In this case, #6d7277 is the less saturated color, while #046de0 is the most saturated one.
-
#6d7277
#6d7277
rgb(109,114,119)
-
#65717f
#65717f
rgb(101,113,127)
-
#5c7188
#5c7188
rgb(92,113,136)
-
#537191
#537191
rgb(83,113,145)
-
#4a709a
#4a709a
rgb(74,112,154)
-
#4270a2
#4270a2
rgb(66,112,162)
-
#396fab
#396fab
rgb(57,111,171)
-
#306fb4
#306fb4
rgb(48,111,180)
-
#276fbd
#276fbd
rgb(39,111,189)
-
#1e6ec6
#1e6ec6
rgb(30,110,198)
-
#166ece
#166ece
rgb(22,110,206)
-
#0d6dd7
#0d6dd7
rgb(13,109,215)
-
#046de0
#046de0
rgb(4,109,224)
Color Blindness Simulator
Below, you can see how #306fb4 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.