#330ae2 Color Information
In a RGB color space, hex #330ae2 is composed of 20% red, 3.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 95.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 251.4 degrees, a saturation of 91.5% and a lightness of 46.3%. #330ae2 color hex could be obtained by blending #6614ff with #0000c5. Closest websafe color is: #3300cc.
-
- R 20
- G 4
- B 89
-
- C 77
- M 96
- Y 0
- K 11
● #330ae2 color description : Vivid blue.
#330ae2 Color Conversion
The hexadecimal color #330ae2 has RGB values of R:51, G:10, B:226 and CMYK values of C:0.77, M:0.96, Y:0, K:0.11. Its decimal value is 3345122.
Hex triplet | 330ae2 | #330ae2 |
---|---|---|
RGB Decimal | 51, 10, 226 | rgb(51,10,226) |
RGB Percent | 20, 3.9, 88.6 | rgb(20%,3.9%,88.6%) |
CMYK | 77, 96, 0, 11 | |
HSL | 251.4°, 91.5, 46.3 | hsl(251.4,91.5%,46.3%) |
HSV (or HSB) | 251.4°, 95.6, 88.6 | |
Web Safe | 3300cc | #3300cc |
CIE-LAB | 30.426, 71.275, -94.506 |
---|---|
XYZ | 15.199, 6.411, 72.384 |
xyY | 0.162, 0.068, 6.411 |
CIE-LCH | 30.426, 118.37, 307.023 |
CIE-LUV | 30.426, -5.056, -115.776 |
Hunter-Lab | 25.32, 62.837, -151.773 |
Binary | 00110011, 00001010, 11100010 |
Color Schemes with #330ae2
Alternatives to #330ae2
Below, you can see some colors close to #330ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#330ae2 Preview
This text has a font color of #330ae2.
<span style="color:#330ae2;">Text here</span>
This paragraph has a background color of #330ae2.
<p style="background-color:#330ae2;">Content here</p>
This element has a border color of #330ae2.
<div style="border:1px solid #330ae2;">Content here</div>
.text {color:#330ae2;}
.background {background-color:#330ae2;}
.border {border:1px solid #330ae2;}
Shades and Tints of #330ae2
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, #000001 is the darkest color, while #f0edfe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040113
#040113
rgb(4,1,19)
-
#090226
#090226
rgb(9,2,38)
-
#0d0339
#0d0339
rgb(13,3,57)
-
#11034c
#11034c
rgb(17,3,76)
-
#15045f
#15045f
rgb(21,4,95)
-
#1a0571
#1a0571
rgb(26,5,113)
-
#1e0684
#1e0684
rgb(30,6,132)
-
#220797
#220797
rgb(34,7,151)
-
#2608aa
#2608aa
rgb(38,8,170)
-
#2b08bc
#2b08bc
rgb(43,8,188)
-
#2f09cf
#2f09cf
rgb(47,9,207)
-
#330ae2
#330ae2
rgb(51,10,226)
-
#380bf4
#380bf4
rgb(56,11,244)
-
#471ef5
#471ef5
rgb(71,30,245)
-
#5631f6
#5631f6
rgb(86,49,246)
-
#6644f7
#6644f7
rgb(102,68,247)
-
#7557f8
#7557f8
rgb(117,87,248)
-
#8469f8
#8469f8
rgb(132,105,248)
-
#947cf9
#947cf9
rgb(148,124,249)
-
#a38ffa
#a38ffa
rgb(163,143,250)
-
#b3a2fb
#b3a2fb
rgb(179,162,251)
-
#c2b4fc
#c2b4fc
rgb(194,180,252)
-
#d1c7fd
#d1c7fd
rgb(209,199,253)
-
#e1dafd
#e1dafd
rgb(225,218,253)
-
#f0edfe
#f0edfe
rgb(240,237,254)
Tones of #330ae2
A tone is produced by adding gray to any pure hue. In this case, #716e7e is the less saturated color, while #2d01eb is the most saturated one.
-
#716e7e
#716e7e
rgb(113,110,126)
-
#6b6587
#6b6587
rgb(107,101,135)
-
#665c90
#665c90
rgb(102,92,144)
-
#605399
#605399
rgb(96,83,153)
-
#5a4aa2
#5a4aa2
rgb(90,74,162)
-
#5540ac
#5540ac
rgb(85,64,172)
-
#4f37b5
#4f37b5
rgb(79,55,181)
-
#4a2ebe
#4a2ebe
rgb(74,46,190)
-
#4425c7
#4425c7
rgb(68,37,199)
-
#3e1cd0
#3e1cd0
rgb(62,28,208)
-
#3913d9
#3913d9
rgb(57,19,217)
-
#330ae2
#330ae2
rgb(51,10,226)
-
#2d01eb
#2d01eb
rgb(45,1,235)
Color Blindness Simulator
Below, you can see how #330ae2 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.