#306afd Color Information
In a RGB color space, hex #306afd is composed of 18.8% red, 41.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 58.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 223 degrees, a saturation of 98.1% and a lightness of 59%. #306afd color hex could be obtained by blending #60d4ff with #0000fb. Closest websafe color is: #3366ff.
-
- R 19
- G 42
- B 99
-
- C 81
- M 58
- Y 0
- K 1
● #306afd color description : Bright blue.
#306afd Color Conversion
The hexadecimal color #306afd has RGB values of R:48, G:106, B:253 and CMYK values of C:0.81, M:0.58, Y:0, K:0.01. Its decimal value is 3173117.
Hex triplet | 306afd | #306afd |
---|---|---|
RGB Decimal | 48, 106, 253 | rgb(48,106,253) |
RGB Percent | 18.8, 41.6, 99.2 | rgb(18.8%,41.6%,99.2%) |
CMYK | 81, 58, 0, 1 | |
HSL | 223°, 98.1, 59 | hsl(223,98.1%,59%) |
HSV (or HSB) | 223°, 81, 99.2 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.528, 34.014, -78.22 |
---|---|
XYZ | 24.099, 18.026, 95.132 |
xyY | 0.176, 0.131, 18.026 |
CIE-LCH | 49.528, 85.295, 293.502 |
CIE-LUV | 49.528, -20.353, -121.41 |
Hunter-Lab | 42.458, 27.015, -103.128 |
Binary | 00110000, 01101010, 11111101 |
Color Schemes with #306afd
Alternatives to #306afd
Below, you can see some colors close to #306afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306afd Preview
This text has a font color of #306afd.
<span style="color:#306afd;">Text here</span>
This paragraph has a background color of #306afd.
<p style="background-color:#306afd;">Content here</p>
This element has a border color of #306afd.
<div style="border:1px solid #306afd;">Content here</div>
.text {color:#306afd;}
.background {background-color:#306afd;}
.border {border:1px solid #306afd;}
Shades and Tints of #306afd
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, #000207 is the darkest color, while #f2f6ff is the lightest one.
-
#000207
#000207
rgb(0,2,7)
-
#00081a
#00081a
rgb(0,8,26)
-
#000d2e
#000d2e
rgb(0,13,46)
-
#011341
#011341
rgb(1,19,65)
-
#011854
#011854
rgb(1,24,84)
-
#011e68
#011e68
rgb(1,30,104)
-
#01247b
#01247b
rgb(1,36,123)
-
#01298f
#01298f
rgb(1,41,143)
-
#022fa2
#022fa2
rgb(2,47,162)
-
#0235b6
#0235b6
rgb(2,53,182)
-
#023ac9
#023ac9
rgb(2,58,201)
-
#0240dc
#0240dc
rgb(2,64,220)
-
#0246f0
#0246f0
rgb(2,70,240)
-
#094efd
#094efd
rgb(9,78,253)
-
#1d5cfd
#1d5cfd
rgb(29,92,253)
-
#306afd
#306afd
rgb(48,106,253)
-
#4378fd
#4378fd
rgb(67,120,253)
-
#5786fd
#5786fd
rgb(87,134,253)
-
#6a94fe
#6a94fe
rgb(106,148,254)
-
#7ea2fe
#7ea2fe
rgb(126,162,254)
-
#91b0fe
#91b0fe
rgb(145,176,254)
-
#a5befe
#a5befe
rgb(165,190,254)
-
#b8ccfe
#b8ccfe
rgb(184,204,254)
-
#cbdaff
#cbdaff
rgb(203,218,255)
-
#dfe8ff
#dfe8ff
rgb(223,232,255)
-
#f2f6ff
#f2f6ff
rgb(242,246,255)
Tones of #306afd
A tone is produced by adding gray to any pure hue. In this case, #90949d is the less saturated color, while #306afd is the most saturated one.
-
#90949d
#90949d
rgb(144,148,157)
-
#8890a5
#8890a5
rgb(136,144,165)
-
#808dad
#808dad
rgb(128,141,173)
-
#7889b5
#7889b5
rgb(120,137,181)
-
#7086bd
#7086bd
rgb(112,134,189)
-
#6882c5
#6882c5
rgb(104,130,197)
-
#607fcd
#607fcd
rgb(96,127,205)
-
#587bd5
#587bd5
rgb(88,123,213)
-
#5078dd
#5078dd
rgb(80,120,221)
-
#4874e5
#4874e5
rgb(72,116,229)
-
#4071ed
#4071ed
rgb(64,113,237)
-
#386df5
#386df5
rgb(56,109,245)
-
#306afd
#306afd
rgb(48,106,253)
Color Blindness Simulator
Below, you can see how #306afd 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.