#336ef0 Color Information
In a RGB color space, hex #336ef0 is composed of 20% red, 43.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 54.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.3 degrees, a saturation of 86.3% and a lightness of 57.1%. #336ef0 color hex could be obtained by blending #66dcff with #0000e1. Closest websafe color is: #3366ff.
-
- R 20
- G 43
- B 94
-
- C 79
- M 54
- Y 0
- K 6
● #336ef0 color description : Bright blue.
#336ef0 Color Conversion
The hexadecimal color #336ef0 has RGB values of R:51, G:110, B:240 and CMYK values of C:0.79, M:0.54, Y:0, K:0.06. Its decimal value is 3370736.
Hex triplet | 336ef0 | #336ef0 |
---|---|---|
RGB Decimal | 51, 110, 240 | rgb(51,110,240) |
RGB Percent | 20, 43.1, 94.1 | rgb(20%,43.1%,94.1%) |
CMYK | 79, 54, 0, 6 | |
HSL | 221.3°, 86.3, 57.1 | hsl(221.3,86.3%,57.1%) |
HSV (or HSB) | 221.3°, 78.8, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.672, 26.994, -70.74 |
---|---|
XYZ | 22.666, 18.145, 84.741 |
xyY | 0.181, 0.145, 18.145 |
CIE-LCH | 49.672, 75.716, 290.887 |
CIE-LUV | 49.672, -21.126, -110.362 |
Hunter-Lab | 42.597, 20.435, -88.131 |
Binary | 00110011, 01101110, 11110000 |
Color Schemes with #336ef0
Alternatives to #336ef0
Below, you can see some colors close to #336ef0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ef0 Preview
This text has a font color of #336ef0.
<span style="color:#336ef0;">Text here</span>
This paragraph has a background color of #336ef0.
<p style="background-color:#336ef0;">Content here</p>
This element has a border color of #336ef0.
<div style="border:1px solid #336ef0;">Content here</div>
.text {color:#336ef0;}
.background {background-color:#336ef0;}
.border {border:1px solid #336ef0;}
Shades and Tints of #336ef0
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, #01060f is the darkest color, while #fcfdff is the lightest one.
-
#01060f
#01060f
rgb(1,6,15)
-
#020c22
#020c22
rgb(2,12,34)
-
#041334
#041334
rgb(4,19,52)
-
#051946
#051946
rgb(5,25,70)
-
#062058
#062058
rgb(6,32,88)
-
#08276b
#08276b
rgb(8,39,107)
-
#092d7d
#092d7d
rgb(9,45,125)
-
#0b348f
#0b348f
rgb(11,52,143)
-
#0c3ba1
#0c3ba1
rgb(12,59,161)
-
#0d41b4
#0d41b4
rgb(13,65,180)
-
#0f48c6
#0f48c6
rgb(15,72,198)
-
#104ed8
#104ed8
rgb(16,78,216)
-
#1155eb
#1155eb
rgb(17,85,235)
-
#2161ef
#2161ef
rgb(33,97,239)
-
#336ef0
#336ef0
rgb(51,110,240)
-
#457bf1
#457bf1
rgb(69,123,241)
-
#5888f3
#5888f3
rgb(88,136,243)
-
#6a95f4
#6a95f4
rgb(106,149,244)
-
#7ca2f5
#7ca2f5
rgb(124,162,245)
-
#8eaff7
#8eaff7
rgb(142,175,247)
-
#a1bcf8
#a1bcf8
rgb(161,188,248)
-
#b3c9f9
#b3c9f9
rgb(179,201,249)
-
#c5d6fb
#c5d6fb
rgb(197,214,251)
-
#d7e3fc
#d7e3fc
rgb(215,227,252)
-
#eaf0fd
#eaf0fd
rgb(234,240,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #336ef0
A tone is produced by adding gray to any pure hue. In this case, #909193 is the less saturated color, while #2b6bf8 is the most saturated one.
-
#909193
#909193
rgb(144,145,147)
-
#878e9c
#878e9c
rgb(135,142,156)
-
#7f8aa4
#7f8aa4
rgb(127,138,164)
-
#7687ad
#7687ad
rgb(118,135,173)
-
#6e84b5
#6e84b5
rgb(110,132,181)
-
#6681bd
#6681bd
rgb(102,129,189)
-
#5d7ec6
#5d7ec6
rgb(93,126,198)
-
#557bce
#557bce
rgb(85,123,206)
-
#4c77d7
#4c77d7
rgb(76,119,215)
-
#4474df
#4474df
rgb(68,116,223)
-
#3b71e8
#3b71e8
rgb(59,113,232)
-
#336ef0
#336ef0
rgb(51,110,240)
-
#2b6bf8
#2b6bf8
rgb(43,107,248)
Color Blindness Simulator
Below, you can see how #336ef0 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.