#306ee2 Color Information
In a RGB color space, hex #306ee2 is composed of 18.8% red, 43.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 51.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 219.1 degrees, a saturation of 75.4% and a lightness of 53.7%. #306ee2 color hex could be obtained by blending #60dcff with #0000c5. Closest websafe color is: #3366cc.
-
- R 19
- G 43
- B 89
-
- C 79
- M 51
- Y 0
- K 11
● #306ee2 color description : Bright blue.
#306ee2 Color Conversion
The hexadecimal color #306ee2 has RGB values of R:48, G:110, B:226 and CMYK values of C:0.79, M:0.51, Y:0, K:0.11. Its decimal value is 3174114.
Hex triplet | 306ee2 | #306ee2 |
---|---|---|
RGB Decimal | 48, 110, 226 | rgb(48,110,226) |
RGB Percent | 18.8, 43.1, 88.6 | rgb(18.8%,43.1%,88.6%) |
CMYK | 79, 51, 0, 11 | |
HSL | 219.1°, 75.4, 53.7 | hsl(219.1,75.4%,53.7%) |
HSV (or HSB) | 219.1°, 78.8, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.598, 21.508, -64.623 |
---|---|
XYZ | 20.519, 17.27, 74.199 |
xyY | 0.183, 0.154, 17.27 |
CIE-LCH | 48.598, 68.108, 288.408 |
CIE-LUV | 48.598, -21.728, -100.339 |
Hunter-Lab | 41.557, 15.413, -76.772 |
Binary | 00110000, 01101110, 11100010 |
Color Schemes with #306ee2
Alternatives to #306ee2
Below, you can see some colors close to #306ee2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306ee2 Preview
This text has a font color of #306ee2.
<span style="color:#306ee2;">Text here</span>
This paragraph has a background color of #306ee2.
<p style="background-color:#306ee2;">Content here</p>
This element has a border color of #306ee2.
<div style="border:1px solid #306ee2;">Content here</div>
.text {color:#306ee2;}
.background {background-color:#306ee2;}
.border {border:1px solid #306ee2;}
Shades and Tints of #306ee2
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, #020711 is the darkest color, while #feffff is the lightest one.
-
#020711
#020711
rgb(2,7,17)
-
#050f22
#050f22
rgb(5,15,34)
-
#071633
#071633
rgb(7,22,51)
-
#0a1e44
#0a1e44
rgb(10,30,68)
-
#0c2655
#0c2655
rgb(12,38,85)
-
#0e2d67
#0e2d67
rgb(14,45,103)
-
#113578
#113578
rgb(17,53,120)
-
#133c89
#133c89
rgb(19,60,137)
-
#16449a
#16449a
rgb(22,68,154)
-
#184bac
#184bac
rgb(24,75,172)
-
#1a53bd
#1a53bd
rgb(26,83,189)
-
#1d5bce
#1d5bce
rgb(29,91,206)
-
#1f62df
#1f62df
rgb(31,98,223)
-
#306ee2
#306ee2
rgb(48,110,226)
-
#417ae4
#417ae4
rgb(65,122,228)
-
#5286e7
#5286e7
rgb(82,134,231)
-
#6492e9
#6492e9
rgb(100,146,233)
-
#759eec
#759eec
rgb(117,158,236)
-
#86aaee
#86aaee
rgb(134,170,238)
-
#97b6f0
#97b6f0
rgb(151,182,240)
-
#a8c2f3
#a8c2f3
rgb(168,194,243)
-
#bacef5
#bacef5
rgb(186,206,245)
-
#cbdaf8
#cbdaf8
rgb(203,218,248)
-
#dce7fa
#dce7fa
rgb(220,231,250)
-
#edf3fd
#edf3fd
rgb(237,243,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #306ee2
A tone is produced by adding gray to any pure hue. In this case, #828790 is the less saturated color, while #1566fd is the most saturated one.
-
#828790
#828790
rgb(130,135,144)
-
#798499
#798499
rgb(121,132,153)
-
#7081a2
#7081a2
rgb(112,129,162)
-
#667fac
#667fac
rgb(102,127,172)
-
#5d7cb5
#5d7cb5
rgb(93,124,181)
-
#5479be
#5479be
rgb(84,121,190)
-
#4b76c7
#4b76c7
rgb(75,118,199)
-
#4274d0
#4274d0
rgb(66,116,208)
-
#3971d9
#3971d9
rgb(57,113,217)
-
#306ee2
#306ee2
rgb(48,110,226)
-
#276beb
#276beb
rgb(39,107,235)
-
#1e68f4
#1e68f4
rgb(30,104,244)
-
#1566fd
#1566fd
rgb(21,102,253)
Color Blindness Simulator
Below, you can see how #306ee2 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.