#336ffe Color Information
In a RGB color space, hex #336ffe is composed of 20% red, 43.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 56.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 222.3 degrees, a saturation of 99% and a lightness of 59.8%. #336ffe color hex could be obtained by blending #66deff with #0000fd. Closest websafe color is: #3366ff.
-
- R 20
- G 44
- B 100
-
- C 80
- M 56
- Y 0
- K 0
● #336ffe color description : Bright blue.
#336ffe Color Conversion
The hexadecimal color #336ffe has RGB values of R:51, G:111, B:254 and CMYK values of C:0.8, M:0.56, Y:0, K:0. Its decimal value is 3371006.
Hex triplet | 336ffe | #336ffe |
---|---|---|
RGB Decimal | 51, 111, 254 | rgb(51,111,254) |
RGB Percent | 20, 43.5, 99.6 | rgb(20%,43.5%,99.6%) |
CMYK | 80, 56, 0, 0 | |
HSL | 222.3°, 99, 59.8 | hsl(222.3,99%,59.8%) |
HSV (or HSB) | 222.3°, 79.9, 99.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.951, 31.5, -76.45 |
---|---|
XYZ | 24.935, 19.227, 96.157 |
xyY | 0.178, 0.137, 19.227 |
CIE-LCH | 50.951, 82.685, 292.393 |
CIE-LUV | 50.951, -21.264, -119.758 |
Hunter-Lab | 43.848, 24.774, -99.327 |
Binary | 00110011, 01101111, 11111110 |
Color Schemes with #336ffe
Alternatives to #336ffe
Below, you can see some colors close to #336ffe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ffe Preview
This text has a font color of #336ffe.
<span style="color:#336ffe;">Text here</span>
This paragraph has a background color of #336ffe.
<p style="background-color:#336ffe;">Content here</p>
This element has a border color of #336ffe.
<div style="border:1px solid #336ffe;">Content here</div>
.text {color:#336ffe;}
.background {background-color:#336ffe;}
.border {border:1px solid #336ffe;}
Shades and Tints of #336ffe
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, #00030b is the darkest color, while #f6f9ff is the lightest one.
-
#00030b
#00030b
rgb(0,3,11)
-
#00091e
#00091e
rgb(0,9,30)
-
#000f32
#000f32
rgb(0,15,50)
-
#001545
#001545
rgb(0,21,69)
-
#001b59
#001b59
rgb(0,27,89)
-
#01206c
#01206c
rgb(1,32,108)
-
#012680
#012680
rgb(1,38,128)
-
#012c93
#012c93
rgb(1,44,147)
-
#0132a7
#0132a7
rgb(1,50,167)
-
#0138ba
#0138ba
rgb(1,56,186)
-
#013ece
#013ece
rgb(1,62,206)
-
#0143e1
#0143e1
rgb(1,67,225)
-
#0149f5
#0149f5
rgb(1,73,245)
-
#0c53fe
#0c53fe
rgb(12,83,254)
-
#1f61fe
#1f61fe
rgb(31,97,254)
-
#336ffe
#336ffe
rgb(51,111,254)
-
#477dfe
#477dfe
rgb(71,125,254)
-
#5a8bfe
#5a8bfe
rgb(90,139,254)
-
#6e98fe
#6e98fe
rgb(110,152,254)
-
#81a6fe
#81a6fe
rgb(129,166,254)
-
#95b4fe
#95b4fe
rgb(149,180,254)
-
#a8c2ff
#a8c2ff
rgb(168,194,255)
-
#bccfff
#bccfff
rgb(188,207,255)
-
#cfddff
#cfddff
rgb(207,221,255)
-
#e3ebff
#e3ebff
rgb(227,235,255)
-
#f6f9ff
#f6f9ff
rgb(246,249,255)
Tones of #336ffe
A tone is produced by adding gray to any pure hue. In this case, #92969f is the less saturated color, while #336ffe is the most saturated one.
-
#92969f
#92969f
rgb(146,150,159)
-
#8a92a7
#8a92a7
rgb(138,146,167)
-
#828faf
#828faf
rgb(130,143,175)
-
#7a8cb7
#7a8cb7
rgb(122,140,183)
-
#7289bf
#7289bf
rgb(114,137,191)
-
#6a86c7
#6a86c7
rgb(106,134,199)
-
#6282cf
#6282cf
rgb(98,130,207)
-
#5a7fd7
#5a7fd7
rgb(90,127,215)
-
#537cde
#537cde
rgb(83,124,222)
-
#4b79e6
#4b79e6
rgb(75,121,230)
-
#4375ee
#4375ee
rgb(67,117,238)
-
#3b72f6
#3b72f6
rgb(59,114,246)
-
#336ffe
#336ffe
rgb(51,111,254)
Color Blindness Simulator
Below, you can see how #336ffe 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.