#336ee5 Color Information
In a RGB color space, hex #336ee5 is composed of 20% red, 43.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 52% magenta, 0% yellow and 10.2% black. It has a hue angle of 220.1 degrees, a saturation of 77.4% and a lightness of 54.9%. #336ee5 color hex could be obtained by blending #66dcff with #0000cb. Closest websafe color is: #3366cc.
-
- R 20
- G 43
- B 90
-
- C 78
- M 52
- Y 0
- K 10
● #336ee5 color description : Bright blue.
#336ee5 Color Conversion
The hexadecimal color #336ee5 has RGB values of R:51, G:110, B:229 and CMYK values of C:0.78, M:0.52, Y:0, K:0.1. Its decimal value is 3370725.
Hex triplet | 336ee5 | #336ee5 |
---|---|---|
RGB Decimal | 51, 110, 229 | rgb(51,110,229) |
RGB Percent | 20, 43.1, 89.8 | rgb(20%,43.1%,89.8%) |
CMYK | 78, 52, 0, 10 | |
HSL | 220.1°, 77.4, 54.9 | hsl(220.1,77.4%,54.9%) |
HSV (or HSB) | 220.1°, 77.7, 89.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.898, 22.927, -65.824 |
---|---|
XYZ | 21.081, 17.511, 76.393 |
xyY | 0.183, 0.152, 17.511 |
CIE-LCH | 48.898, 69.703, 289.204 |
CIE-LUV | 48.898, -21.259, -102.394 |
Hunter-Lab | 41.846, 16.692, -78.945 |
Binary | 00110011, 01101110, 11100101 |
Color Schemes with #336ee5
Alternatives to #336ee5
Below, you can see some colors close to #336ee5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ee5 Preview
This text has a font color of #336ee5.
<span style="color:#336ee5;">Text here</span>
This paragraph has a background color of #336ee5.
<p style="background-color:#336ee5;">Content here</p>
This element has a border color of #336ee5.
<div style="border:1px solid #336ee5;">Content here</div>
.text {color:#336ee5;}
.background {background-color:#336ee5;}
.border {border:1px solid #336ee5;}
Shades and Tints of #336ee5
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, #010205 is the darkest color, while #f2f6fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030916
#030916
rgb(3,9,22)
-
#051028
#051028
rgb(5,16,40)
-
#071839
#071839
rgb(7,24,57)
-
#091f4a
#091f4a
rgb(9,31,74)
-
#0c265c
#0c265c
rgb(12,38,92)
-
#0e2d6d
#0e2d6d
rgb(14,45,109)
-
#10357f
#10357f
rgb(16,53,127)
-
#123c90
#123c90
rgb(18,60,144)
-
#1543a1
#1543a1
rgb(21,67,161)
-
#174ab3
#174ab3
rgb(23,74,179)
-
#1952c4
#1952c4
rgb(25,82,196)
-
#1b59d6
#1b59d6
rgb(27,89,214)
-
#2262e3
#2262e3
rgb(34,98,227)
-
#336ee5
#336ee5
rgb(51,110,229)
-
#447ae7
#447ae7
rgb(68,122,231)
-
#5687e9
#5687e9
rgb(86,135,233)
-
#6793ec
#6793ec
rgb(103,147,236)
-
#799fee
#799fee
rgb(121,159,238)
-
#8aacf0
#8aacf0
rgb(138,172,240)
-
#9bb8f2
#9bb8f2
rgb(155,184,242)
-
#adc5f5
#adc5f5
rgb(173,197,245)
-
#bed1f7
#bed1f7
rgb(190,209,247)
-
#d0ddf9
#d0ddf9
rgb(208,221,249)
-
#e1eafb
#e1eafb
rgb(225,234,251)
-
#f2f6fd
#f2f6fd
rgb(242,246,253)
Tones of #336ee5
A tone is produced by adding gray to any pure hue. In this case, #8b8c8d is the less saturated color, while #2168f7 is the most saturated one.
-
#8b8c8d
#8b8c8d
rgb(139,140,141)
-
#838995
#838995
rgb(131,137,149)
-
#7a869e
#7a869e
rgb(122,134,158)
-
#7183a7
#7183a7
rgb(113,131,167)
-
#6880b0
#6880b0
rgb(104,128,176)
-
#5f7db9
#5f7db9
rgb(95,125,185)
-
#567ac2
#567ac2
rgb(86,122,194)
-
#4e77ca
#4e77ca
rgb(78,119,202)
-
#4574d3
#4574d3
rgb(69,116,211)
-
#3c71dc
#3c71dc
rgb(60,113,220)
-
#336ee5
#336ee5
rgb(51,110,229)
-
#2a6bee
#2a6bee
rgb(42,107,238)
-
#2168f7
#2168f7
rgb(33,104,247)
Color Blindness Simulator
Below, you can see how #336ee5 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.