#306fb5 Color Information
In a RGB color space, hex #306fb5 is composed of 18.8% red, 43.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 38.7% magenta, 0% yellow and 29% black. It has a hue angle of 211.6 degrees, a saturation of 58.1% and a lightness of 44.9%. #306fb5 color hex could be obtained by blending #60deff with #00006b. Closest websafe color is: #3366cc.
-
- R 19
- G 44
- B 71
-
- C 73
- M 39
- Y 0
- K 29
● #306fb5 color description : Moderate blue.
#306fb5 Color Conversion
The hexadecimal color #306fb5 has RGB values of R:48, G:111, B:181 and CMYK values of C:0.73, M:0.39, Y:0, K:0.29. Its decimal value is 3174325.
Hex triplet | 306fb5 | #306fb5 |
---|---|---|
RGB Decimal | 48, 111, 181 | rgb(48,111,181) |
RGB Percent | 18.8, 43.5, 71 | rgb(18.8%,43.5%,71%) |
CMYK | 73, 39, 0, 29 | |
HSL | 211.6°, 58.1, 44.9 | hsl(211.6,58.1%,44.9%) |
HSV (or HSB) | 211.6°, 73.5, 71 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.086, 4.034, -42.884 |
---|---|
XYZ | 15.242, 15.332, 45.87 |
xyY | 0.199, 0.201, 15.332 |
CIE-LCH | 46.086, 43.073, 275.374 |
CIE-LUV | 46.086, -23.118, -64.64 |
Hunter-Lab | 39.156, 0.959, -42.045 |
Binary | 00110000, 01101111, 10110101 |
Color Schemes with #306fb5
Alternatives to #306fb5
Below, you can see some colors close to #306fb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306fb5 Preview
This text has a font color of #306fb5.
<span style="color:#306fb5;">Text here</span>
This paragraph has a background color of #306fb5.
<p style="background-color:#306fb5;">Content here</p>
This element has a border color of #306fb5.
<div style="border:1px solid #306fb5;">Content here</div>
.text {color:#306fb5;}
.background {background-color:#306fb5;}
.border {border:1px solid #306fb5;}
Shades and Tints of #306fb5
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 #fafcfe is the lightest one.
-
#03060a
#03060a
rgb(3,6,10)
-
#07101a
#07101a
rgb(7,16,26)
-
#0b1929
#0b1929
rgb(11,25,41)
-
#0f2339
#0f2339
rgb(15,35,57)
-
#132c48
#132c48
rgb(19,44,72)
-
#173658
#173658
rgb(23,54,88)
-
#1b3f67
#1b3f67
rgb(27,63,103)
-
#204977
#204977
rgb(32,73,119)
-
#245286
#245286
rgb(36,82,134)
-
#285c96
#285c96
rgb(40,92,150)
-
#2c65a5
#2c65a5
rgb(44,101,165)
-
#306fb5
#306fb5
rgb(48,111,181)
-
#3479c5
#3479c5
rgb(52,121,197)
-
#4082cc
#4082cc
rgb(64,130,204)
-
#4f8dd0
#4f8dd0
rgb(79,141,208)
-
#5f97d5
#5f97d5
rgb(95,151,213)
-
#6ea1d9
#6ea1d9
rgb(110,161,217)
-
#7eabdd
#7eabdd
rgb(126,171,221)
-
#8db5e1
#8db5e1
rgb(141,181,225)
-
#9dbfe5
#9dbfe5
rgb(157,191,229)
-
#acc9e9
#acc9e9
rgb(172,201,233)
-
#bcd3ed
#bcd3ed
rgb(188,211,237)
-
#cbddf1
#cbddf1
rgb(203,221,241)
-
#dbe7f5
#dbe7f5
rgb(219,231,245)
-
#eaf2fa
#eaf2fa
rgb(234,242,250)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #306fb5
A tone is produced by adding gray to any pure hue. In this case, #6e7277 is the less saturated color, while #046de1 is the most saturated one.
-
#6e7277
#6e7277
rgb(110,114,119)
-
#657280
#657280
rgb(101,114,128)
-
#5c7189
#5c7189
rgb(92,113,137)
-
#537192
#537192
rgb(83,113,146)
-
#4a709b
#4a709b
rgb(74,112,155)
-
#4270a3
#4270a3
rgb(66,112,163)
-
#396fac
#396fac
rgb(57,111,172)
-
#306fb5
#306fb5
rgb(48,111,181)
-
#276fbe
#276fbe
rgb(39,111,190)
-
#1e6ec7
#1e6ec7
rgb(30,110,199)
-
#166ecf
#166ecf
rgb(22,110,207)
-
#0d6dd8
#0d6dd8
rgb(13,109,216)
-
#046de1
#046de1
rgb(4,109,225)
Color Blindness Simulator
Below, you can see how #306fb5 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.