#306bdd Color Information
In a RGB color space, hex #306bdd is composed of 18.8% red, 42% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 51.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 219.5 degrees, a saturation of 71.8% and a lightness of 52.7%. #306bdd color hex could be obtained by blending #60d6ff with #0000bb. Closest websafe color is: #3366cc.
-
- R 19
- G 42
- B 87
-
- C 78
- M 52
- Y 0
- K 13
● #306bdd color description : Bright blue.
#306bdd Color Conversion
The hexadecimal color #306bdd has RGB values of R:48, G:107, B:221 and CMYK values of C:0.78, M:0.52, Y:0, K:0.13. Its decimal value is 3173341.
Hex triplet | 306bdd | #306bdd |
---|---|---|
RGB Decimal | 48, 107, 221 | rgb(48,107,221) |
RGB Percent | 18.8, 42, 86.7 | rgb(18.8%,42%,86.7%) |
CMYK | 78, 52, 0, 13 | |
HSL | 219.5°, 71.8, 52.7 | hsl(219.5,71.8%,52.7%) |
HSV (or HSB) | 219.5°, 78.3, 86.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.447, 21.544, -63.659 |
---|---|
XYZ | 19.525, 16.363, 70.532 |
xyY | 0.183, 0.154, 16.363 |
CIE-LCH | 47.447, 67.206, 288.697 |
CIE-LUV | 47.447, -20.946, -98.271 |
Hunter-Lab | 40.451, 15.37, -75.065 |
Binary | 00110000, 01101011, 11011101 |
Color Schemes with #306bdd
Alternatives to #306bdd
Below, you can see some colors close to #306bdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306bdd Preview
This text has a font color of #306bdd.
<span style="color:#306bdd;">Text here</span>
This paragraph has a background color of #306bdd.
<p style="background-color:#306bdd;">Content here</p>
This element has a border color of #306bdd.
<div style="border:1px solid #306bdd;">Content here</div>
.text {color:#306bdd;}
.background {background-color:#306bdd;}
.border {border:1px solid #306bdd;}
Shades and Tints of #306bdd
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, #02050c is the darkest color, while #fafcfe is the lightest one.
-
#02050c
#02050c
rgb(2,5,12)
-
#050d1d
#050d1d
rgb(5,13,29)
-
#08152e
#08152e
rgb(8,21,46)
-
#0a1c3f
#0a1c3f
rgb(10,28,63)
-
#0d244f
#0d244f
rgb(13,36,79)
-
#102b60
#102b60
rgb(16,43,96)
-
#133371
#133371
rgb(19,51,113)
-
#153a82
#153a82
rgb(21,58,130)
-
#184293
#184293
rgb(24,66,147)
-
#1b4aa4
#1b4aa4
rgb(27,74,164)
-
#1e51b5
#1e51b5
rgb(30,81,181)
-
#2059c5
#2059c5
rgb(32,89,197)
-
#2360d6
#2360d6
rgb(35,96,214)
-
#306bdd
#306bdd
rgb(48,107,221)
-
#4177e0
#4177e0
rgb(65,119,224)
-
#5283e3
#5283e3
rgb(82,131,227)
-
#638fe5
#638fe5
rgb(99,143,229)
-
#739be8
#739be8
rgb(115,155,232)
-
#84a7eb
#84a7eb
rgb(132,167,235)
-
#95b3ee
#95b3ee
rgb(149,179,238)
-
#a6bff0
#a6bff0
rgb(166,191,240)
-
#b7cbf3
#b7cbf3
rgb(183,203,243)
-
#c8d7f6
#c8d7f6
rgb(200,215,246)
-
#d8e3f9
#d8e3f9
rgb(216,227,249)
-
#e9f0fb
#e9f0fb
rgb(233,240,251)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #306bdd
A tone is produced by adding gray to any pure hue. In this case, #83868a is the less saturated color, while #1462f9 is the most saturated one.
-
#83868a
#83868a
rgb(131,134,138)
-
#7a8393
#7a8393
rgb(122,131,147)
-
#71809c
#71809c
rgb(113,128,156)
-
#687da5
#687da5
rgb(104,125,165)
-
#5e7aaf
#5e7aaf
rgb(94,122,175)
-
#5577b8
#5577b8
rgb(85,119,184)
-
#4c74c1
#4c74c1
rgb(76,116,193)
-
#4371ca
#4371ca
rgb(67,113,202)
-
#396ed4
#396ed4
rgb(57,110,212)
-
#306bdd
#306bdd
rgb(48,107,221)
-
#2768e6
#2768e6
rgb(39,104,230)
-
#1d65f0
#1d65f0
rgb(29,101,240)
-
#1462f9
#1462f9
rgb(20,98,249)
Color Blindness Simulator
Below, you can see how #306bdd 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.