#3356e0 Color Information
In a RGB color space, hex #3356e0 is composed of 20% red, 33.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 61.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 227.9 degrees, a saturation of 73.6% and a lightness of 53.9%. #3356e0 color hex could be obtained by blending #66acff with #0000c1. Closest websafe color is: #3366cc.
-
- R 20
- G 34
- B 88
-
- C 77
- M 62
- Y 0
- K 12
● #3356e0 color description : Bright blue.
#3356e0 Color Conversion
The hexadecimal color #3356e0 has RGB values of R:51, G:86, B:224 and CMYK values of C:0.77, M:0.62, Y:0, K:0.12. Its decimal value is 3364576.
Hex triplet | 3356e0 | #3356e0 |
---|---|---|
RGB Decimal | 51, 86, 224 | rgb(51,86,224) |
RGB Percent | 20, 33.7, 87.8 | rgb(20%,33.7%,87.8%) |
CMYK | 77, 62, 0, 12 | |
HSL | 227.9°, 73.6, 53.9 | hsl(227.9,73.6%,53.9%) |
HSV (or HSB) | 227.9°, 77.2, 87.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.369, 36.31, -73.623 |
---|---|
XYZ | 18.145, 12.74, 72.02 |
xyY | 0.176, 0.124, 12.74 |
CIE-LCH | 42.369, 82.09, 296.252 |
CIE-LUV | 42.369, -14.974, -109.466 |
Hunter-Lab | 35.693, 28.279, -94.647 |
Binary | 00110011, 01010110, 11100000 |
Color Schemes with #3356e0
Alternatives to #3356e0
Below, you can see some colors close to #3356e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3356e0 Preview
This text has a font color of #3356e0.
<span style="color:#3356e0;">Text here</span>
This paragraph has a background color of #3356e0.
<p style="background-color:#3356e0;">Content here</p>
This element has a border color of #3356e0.
<div style="border:1px solid #3356e0;">Content here</div>
.text {color:#3356e0;}
.background {background-color:#3356e0;}
.border {border:1px solid #3356e0;}
Shades and Tints of #3356e0
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, #000000 is the darkest color, while #eef1fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030611
#030611
rgb(3,6,17)
-
#050b22
#050b22
rgb(5,11,34)
-
#081133
#081133
rgb(8,17,51)
-
#0a1644
#0a1644
rgb(10,22,68)
-
#0d1c55
#0d1c55
rgb(13,28,85)
-
#102167
#102167
rgb(16,33,103)
-
#122778
#122778
rgb(18,39,120)
-
#152c89
#152c89
rgb(21,44,137)
-
#17329a
#17329a
rgb(23,50,154)
-
#1a37ab
#1a37ab
rgb(26,55,171)
-
#1d3dbc
#1d3dbc
rgb(29,61,188)
-
#1f42cd
#1f42cd
rgb(31,66,205)
-
#2248dd
#2248dd
rgb(34,72,221)
-
#3356e0
#3356e0
rgb(51,86,224)
-
#4464e3
#4464e3
rgb(68,100,227)
-
#5572e5
#5572e5
rgb(85,114,229)
-
#6680e8
#6680e8
rgb(102,128,232)
-
#778eea
#778eea
rgb(119,142,234)
-
#889ded
#889ded
rgb(136,157,237)
-
#99abf0
#99abf0
rgb(153,171,240)
-
#aab9f2
#aab9f2
rgb(170,185,242)
-
#bbc7f5
#bbc7f5
rgb(187,199,245)
-
#ccd5f7
#ccd5f7
rgb(204,213,247)
-
#dde3fa
#dde3fa
rgb(221,227,250)
-
#eef1fc
#eef1fc
rgb(238,241,252)
Tones of #3356e0
A tone is produced by adding gray to any pure hue. In this case, #84868f is the less saturated color, while #1846fb is the most saturated one.
-
#84868f
#84868f
rgb(132,134,143)
-
#7b8198
#7b8198
rgb(123,129,152)
-
#727ca1
#727ca1
rgb(114,124,161)
-
#6976aa
#6976aa
rgb(105,118,170)
-
#6071b3
#6071b3
rgb(96,113,179)
-
#576cbc
#576cbc
rgb(87,108,188)
-
#4e66c5
#4e66c5
rgb(78,102,197)
-
#4561ce
#4561ce
rgb(69,97,206)
-
#3c5bd7
#3c5bd7
rgb(60,91,215)
-
#3356e0
#3356e0
rgb(51,86,224)
-
#2a51e9
#2a51e9
rgb(42,81,233)
-
#214bf2
#214bf2
rgb(33,75,242)
-
#1846fb
#1846fb
rgb(24,70,251)
Color Blindness Simulator
Below, you can see how #3356e0 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.