#3326ff Color Information
In a RGB color space, hex #3326ff is composed of 20% red, 14.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 85.1% magenta, 0% yellow and 0% black. It has a hue angle of 243.6 degrees, a saturation of 100% and a lightness of 57.5%. #3326ff color hex could be obtained by blending #664cff with #0000ff. Closest websafe color is: #3333ff.
-
- R 20
- G 15
- B 100
-
- C 80
- M 85
- Y 0
- K 0
● #3326ff color description : Vivid blue.
#3326ff Color Conversion
The hexadecimal color #3326ff has RGB values of R:51, G:38, B:255 and CMYK values of C:0.8, M:0.85, Y:0, K:0. Its decimal value is 3352319.
Hex triplet | 3326ff | #3326ff |
---|---|---|
RGB Decimal | 51, 38, 255 | rgb(51,38,255) |
RGB Percent | 20, 14.9, 100 | rgb(20%,14.9%,100%) |
CMYK | 80, 85, 0, 0 | |
HSL | 243.6°, 100, 57.5 | hsl(243.6,100%,57.5%) |
HSV (or HSB) | 243.6°, 85.1, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 36.572, 71.31, -100.696 |
---|---|
XYZ | 20.105, 9.309, 95.339 |
xyY | 0.161, 0.075, 9.309 |
CIE-LCH | 36.572, 123.389, 305.305 |
CIE-LUV | 36.572, -8.286, -133.307 |
Hunter-Lab | 30.51, 64.231, -163.915 |
Binary | 00110011, 00100110, 11111111 |
Color Schemes with #3326ff
Alternatives to #3326ff
Below, you can see some colors close to #3326ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3326ff Preview
This text has a font color of #3326ff.
<span style="color:#3326ff;">Text here</span>
This paragraph has a background color of #3326ff.
<p style="background-color:#3326ff;">Content here</p>
This element has a border color of #3326ff.
<div style="border:1px solid #3326ff;">Content here</div>
.text {color:#3326ff;}
.background {background-color:#3326ff;}
.border {border:1px solid #3326ff;}
Shades and Tints of #3326ff
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, #010012 is the darkest color, while #fefeff is the lightest one.
-
#010012
#010012
rgb(1,0,18)
-
#020026
#020026
rgb(2,0,38)
-
#03003a
#03003a
rgb(3,0,58)
-
#05004d
#05004d
rgb(5,0,77)
-
#060061
#060061
rgb(6,0,97)
-
#070074
#070074
rgb(7,0,116)
-
#080088
#080088
rgb(8,0,136)
-
#09009c
#09009c
rgb(9,0,156)
-
#0b00af
#0b00af
rgb(11,0,175)
-
#0c00c3
#0c00c3
rgb(12,0,195)
-
#0d00d7
#0d00d7
rgb(13,0,215)
-
#0e00ea
#0e00ea
rgb(14,0,234)
-
#0f00fe
#0f00fe
rgb(15,0,254)
-
#2112ff
#2112ff
rgb(33,18,255)
-
#3326ff
#3326ff
rgb(51,38,255)
-
#453aff
#453aff
rgb(69,58,255)
-
#584dff
#584dff
rgb(88,77,255)
-
#6a61ff
#6a61ff
rgb(106,97,255)
-
#7d74ff
#7d74ff
rgb(125,116,255)
-
#8f88ff
#8f88ff
rgb(143,136,255)
-
#a29cff
#a29cff
rgb(162,156,255)
-
#b4afff
#b4afff
rgb(180,175,255)
-
#c7c3ff
#c7c3ff
rgb(199,195,255)
-
#d9d7ff
#d9d7ff
rgb(217,215,255)
-
#ebeaff
#ebeaff
rgb(235,234,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3326ff
A tone is produced by adding gray to any pure hue. In this case, #8b8a9b is the less saturated color, while #3326ff is the most saturated one.
-
#8b8a9b
#8b8a9b
rgb(139,138,155)
-
#8482a3
#8482a3
rgb(132,130,163)
-
#7c79ac
#7c79ac
rgb(124,121,172)
-
#7571b4
#7571b4
rgb(117,113,180)
-
#6e69bc
#6e69bc
rgb(110,105,188)
-
#6660c5
#6660c5
rgb(102,96,197)
-
#5f58cd
#5f58cd
rgb(95,88,205)
-
#5850d5
#5850d5
rgb(88,80,213)
-
#5047de
#5047de
rgb(80,71,222)
-
#493fe6
#493fe6
rgb(73,63,230)
-
#4237ee
#4237ee
rgb(66,55,238)
-
#3a2ef7
#3a2ef7
rgb(58,46,247)
-
#3326ff
#3326ff
rgb(51,38,255)
Color Blindness Simulator
Below, you can see how #3326ff 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.