#306feb Color Information
In a RGB color space, hex #306feb is composed of 18.8% red, 43.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 52.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 219.8 degrees, a saturation of 82.4% and a lightness of 55.5%. #306feb color hex could be obtained by blending #60deff with #0000d7. Closest websafe color is: #3366ff.
-
- R 19
- G 44
- B 92
-
- C 80
- M 53
- Y 0
- K 8
● #306feb color description : Bright blue.
#306feb Color Conversion
The hexadecimal color #306feb has RGB values of R:48, G:111, B:235 and CMYK values of C:0.8, M:0.53, Y:0, K:0.08. Its decimal value is 3174379.
Hex triplet | 306feb | #306feb |
---|---|---|
RGB Decimal | 48, 111, 235 | rgb(48,111,235) |
RGB Percent | 18.8, 43.5, 92.2 | rgb(18.8%,43.5%,92.2%) |
CMYK | 80, 53, 0, 8 | |
HSL | 219.8°, 82.4, 55.5 | hsl(219.8,82.4%,55.5%) |
HSV (or HSB) | 219.8°, 79.6, 92.2 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.488, 24.23, -68.243 |
---|---|
XYZ | 21.896, 17.994, 80.912 |
xyY | 0.181, 0.149, 17.994 |
CIE-LCH | 49.488, 72.417, 289.548 |
CIE-LUV | 49.488, -21.87, -106.395 |
Hunter-Lab | 42.419, 17.903, -83.399 |
Binary | 00110000, 01101111, 11101011 |
Color Schemes with #306feb
Alternatives to #306feb
Below, you can see some colors close to #306feb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306feb Preview
This text has a font color of #306feb.
<span style="color:#306feb;">Text here</span>
This paragraph has a background color of #306feb.
<p style="background-color:#306feb;">Content here</p>
This element has a border color of #306feb.
<div style="border:1px solid #306feb;">Content here</div>
.text {color:#306feb;}
.background {background-color:#306feb;}
.border {border:1px solid #306feb;}
Shades and Tints of #306feb
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, #010308 is the darkest color, while #f5f8fe is the lightest one.
-
#010308
#010308
rgb(1,3,8)
-
#020a1a
#020a1a
rgb(2,10,26)
-
#04112b
#04112b
rgb(4,17,43)
-
#06193d
#06193d
rgb(6,25,61)
-
#08204f
#08204f
rgb(8,32,79)
-
#092761
#092761
rgb(9,39,97)
-
#0b2e73
#0b2e73
rgb(11,46,115)
-
#0d3585
#0d3585
rgb(13,53,133)
-
#0f3c97
#0f3c97
rgb(15,60,151)
-
#1044a9
#1044a9
rgb(16,68,169)
-
#124bbb
#124bbb
rgb(18,75,187)
-
#1452cc
#1452cc
rgb(20,82,204)
-
#1559de
#1559de
rgb(21,89,222)
-
#1e63e9
#1e63e9
rgb(30,99,233)
-
#306feb
#306feb
rgb(48,111,235)
-
#427bed
#427bed
rgb(66,123,237)
-
#5488ee
#5488ee
rgb(84,136,238)
-
#6694f0
#6694f0
rgb(102,148,240)
-
#78a1f2
#78a1f2
rgb(120,161,242)
-
#89adf4
#89adf4
rgb(137,173,244)
-
#9bbaf5
#9bbaf5
rgb(155,186,245)
-
#adc6f7
#adc6f7
rgb(173,198,247)
-
#bfd3f9
#bfd3f9
rgb(191,211,249)
-
#d1dffb
#d1dffb
rgb(209,223,251)
-
#e3ebfc
#e3ebfc
rgb(227,235,252)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #306feb
A tone is produced by adding gray to any pure hue. In this case, #878b94 is the less saturated color, while #1f69fc is the most saturated one.
-
#878b94
#878b94
rgb(135,139,148)
-
#7f899c
#7f899c
rgb(127,137,156)
-
#7686a5
#7686a5
rgb(118,134,165)
-
#6d83ae
#6d83ae
rgb(109,131,174)
-
#6480b7
#6480b7
rgb(100,128,183)
-
#5c7dbf
#5c7dbf
rgb(92,125,191)
-
#537ac8
#537ac8
rgb(83,122,200)
-
#4a78d1
#4a78d1
rgb(74,120,209)
-
#4175da
#4175da
rgb(65,117,218)
-
#3972e2
#3972e2
rgb(57,114,226)
-
#306feb
#306feb
rgb(48,111,235)
-
#276cf4
#276cf4
rgb(39,108,244)
-
#1f69fc
#1f69fc
rgb(31,105,252)
Color Blindness Simulator
Below, you can see how #306feb 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.