#3306aa Color Information
In a RGB color space, hex #3306aa is composed of 20% red, 2.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 96.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 256.5 degrees, a saturation of 93.2% and a lightness of 34.5%. #3306aa color hex could be obtained by blending #660cff with #000055. Closest websafe color is: #330099.
-
- R 20
- G 2
- B 67
-
- C 70
- M 96
- Y 0
- K 33
● #3306aa color description : Dark violet.
#3306aa Color Conversion
The hexadecimal color #3306aa has RGB values of R:51, G:6, B:170 and CMYK values of C:0.7, M:0.96, Y:0, K:0.33. Its decimal value is 3344042.
Hex triplet | 3306aa | #3306aa |
---|---|---|
RGB Decimal | 51, 6, 170 | rgb(51,6,170) |
RGB Percent | 20, 2.4, 66.7 | rgb(20%,2.4%,66.7%) |
CMYK | 70, 96, 0, 33 | |
HSL | 256.5°, 93.2, 34.5 | hsl(256.5,93.2%,34.5%) |
HSV (or HSB) | 256.5°, 96.5, 66.7 | |
Web Safe | 330099 | #330099 |
CIE-LAB | 22.779, 58.055, -74.311 |
---|---|
XYZ | 8.685, 3.736, 38.291 |
xyY | 0.171, 0.074, 3.736 |
CIE-LCH | 22.779, 94.3, 307.998 |
CIE-LUV | 22.779, -1.307, -83.246 |
Hunter-Lab | 19.329, 46.378, -103.928 |
Binary | 00110011, 00000110, 10101010 |
Color Schemes with #3306aa
Alternatives to #3306aa
Below, you can see some colors close to #3306aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3306aa Preview
This text has a font color of #3306aa.
<span style="color:#3306aa;">Text here</span>
This paragraph has a background color of #3306aa.
<p style="background-color:#3306aa;">Content here</p>
This element has a border color of #3306aa.
<div style="border:1px solid #3306aa;">Content here</div>
.text {color:#3306aa;}
.background {background-color:#3306aa;}
.border {border:1px solid #3306aa;}
Shades and Tints of #3306aa
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, #060112 is the darkest color, while #fffeff is the lightest one.
-
#060112
#060112
rgb(6,1,18)
-
#0b0125
#0b0125
rgb(11,1,37)
-
#110238
#110238
rgb(17,2,56)
-
#17034b
#17034b
rgb(23,3,75)
-
#1c035e
#1c035e
rgb(28,3,94)
-
#220471
#220471
rgb(34,4,113)
-
#280584
#280584
rgb(40,5,132)
-
#2d0597
#2d0597
rgb(45,5,151)
-
#3306aa
#3306aa
rgb(51,6,170)
-
#3907bd
#3907bd
rgb(57,7,189)
-
#3e07d0
#3e07d0
rgb(62,7,208)
-
#4408e3
#4408e3
rgb(68,8,227)
-
#4a09f6
#4a09f6
rgb(74,9,246)
-
#571bf7
#571bf7
rgb(87,27,247)
-
#652ef8
#652ef8
rgb(101,46,248)
-
#7341f8
#7341f8
rgb(115,65,248)
-
#8154f9
#8154f9
rgb(129,84,249)
-
#8f67fa
#8f67fa
rgb(143,103,250)
-
#9d7afa
#9d7afa
rgb(157,122,250)
-
#ab8dfb
#ab8dfb
rgb(171,141,251)
-
#b9a0fc
#b9a0fc
rgb(185,160,252)
-
#c7b3fc
#c7b3fc
rgb(199,179,252)
-
#d5c6fd
#d5c6fd
rgb(213,198,253)
-
#e3d9fe
#e3d9fe
rgb(227,217,254)
-
#f1ecfe
#f1ecfe
rgb(241,236,254)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #3306aa
A tone is produced by adding gray to any pure hue. In this case, #585759 is the less saturated color, while #3306aa is the most saturated one.
-
#585759
#585759
rgb(88,87,89)
-
#555060
#555060
rgb(85,80,96)
-
#524a66
#524a66
rgb(82,74,102)
-
#4e436d
#4e436d
rgb(78,67,109)
-
#4b3c74
#4b3c74
rgb(75,60,116)
-
#48357b
#48357b
rgb(72,53,123)
-
#452f81
#452f81
rgb(69,47,129)
-
#422888
#422888
rgb(66,40,136)
-
#3f218f
#3f218f
rgb(63,33,143)
-
#3c1a96
#3c1a96
rgb(60,26,150)
-
#39149c
#39149c
rgb(57,20,156)
-
#360da3
#360da3
rgb(54,13,163)
-
#3306aa
#3306aa
rgb(51,6,170)
Color Blindness Simulator
Below, you can see how #3306aa 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.