#3306b0 Color Information
In a RGB color space, hex #3306b0 is composed of 20% red, 2.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 96.6% magenta, 0% yellow and 31% black. It has a hue angle of 255.9 degrees, a saturation of 93.4% and a lightness of 35.7%. #3306b0 color hex could be obtained by blending #660cff with #000061. Closest websafe color is: #330099.
-
- R 20
- G 2
- B 69
-
- C 71
- M 97
- Y 0
- K 31
● #3306b0 color description : Dark violet.
#3306b0 Color Conversion
The hexadecimal color #3306b0 has RGB values of R:51, G:6, B:176 and CMYK values of C:0.71, M:0.97, Y:0, K:0.31. Its decimal value is 3344048.
Hex triplet | 3306b0 | #3306b0 |
---|---|---|
RGB Decimal | 51, 6, 176 | rgb(51,6,176) |
RGB Percent | 20, 2.4, 69 | rgb(20%,2.4%,69%) |
CMYK | 71, 97, 0, 31 | |
HSL | 255.9°, 93.4, 35.7 | hsl(255.9,93.4%,35.7%) |
HSV (or HSB) | 255.9°, 96.6, 69 | |
Web Safe | 330099 | #330099 |
CIE-LAB | 23.566, 59.572, -76.616 |
---|---|
XYZ | 9.265, 3.968, 41.35 |
xyY | 0.17, 0.073, 3.968 |
CIE-LCH | 23.566, 97.05, 307.866 |
CIE-LUV | 23.566, -1.731, -86.741 |
Hunter-Lab | 19.92, 48.163, -109.127 |
Binary | 00110011, 00000110, 10110000 |
Color Schemes with #3306b0
Alternatives to #3306b0
Below, you can see some colors close to #3306b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3306b0 Preview
This text has a font color of #3306b0.
<span style="color:#3306b0;">Text here</span>
This paragraph has a background color of #3306b0.
<p style="background-color:#3306b0;">Content here</p>
This element has a border color of #3306b0.
<div style="border:1px solid #3306b0;">Content here</div>
.text {color:#3306b0;}
.background {background-color:#3306b0;}
.border {border:1px solid #3306b0;}
Shades and Tints of #3306b0
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, #020005 is the darkest color, while #f5f1ff is the lightest one.
-
#020005
#020005
rgb(2,0,5)
-
#070118
#070118
rgb(7,1,24)
-
#0d012b
#0d012b
rgb(13,1,43)
-
#12023e
#12023e
rgb(18,2,62)
-
#180351
#180351
rgb(24,3,81)
-
#1d0364
#1d0364
rgb(29,3,100)
-
#230477
#230477
rgb(35,4,119)
-
#28058a
#28058a
rgb(40,5,138)
-
#2e059d
#2e059d
rgb(46,5,157)
-
#3306b0
#3306b0
rgb(51,6,176)
-
#3807c3
#3807c3
rgb(56,7,195)
-
#3e07d6
#3e07d6
rgb(62,7,214)
-
#4308e9
#4308e9
rgb(67,8,233)
-
#4b0ef7
#4b0ef7
rgb(75,14,247)
-
#5a21f7
#5a21f7
rgb(90,33,247)
-
#6834f8
#6834f8
rgb(104,52,248)
-
#7647f9
#7647f9
rgb(118,71,249)
-
#845af9
#845af9
rgb(132,90,249)
-
#926dfa
#926dfa
rgb(146,109,250)
-
#a080fb
#a080fb
rgb(160,128,251)
-
#ae92fb
#ae92fb
rgb(174,146,251)
-
#bca5fc
#bca5fc
rgb(188,165,252)
-
#cab8fd
#cab8fd
rgb(202,184,253)
-
#d9cbfd
#d9cbfd
rgb(217,203,253)
-
#e7defe
#e7defe
rgb(231,222,254)
-
#f5f1ff
#f5f1ff
rgb(245,241,255)
Tones of #3306b0
A tone is produced by adding gray to any pure hue. In this case, #5b5a5c is the less saturated color, while #3306b0 is the most saturated one.
-
#5b5a5c
#5b5a5c
rgb(91,90,92)
-
#575363
#575363
rgb(87,83,99)
-
#544c6a
#544c6a
rgb(84,76,106)
-
#514571
#514571
rgb(81,69,113)
-
#4d3e78
#4d3e78
rgb(77,62,120)
-
#4a377f
#4a377f
rgb(74,55,127)
-
#473086
#473086
rgb(71,48,134)
-
#43298d
#43298d
rgb(67,41,141)
-
#402294
#402294
rgb(64,34,148)
-
#3d1b9b
#3d1b9b
rgb(61,27,155)
-
#3a14a2
#3a14a2
rgb(58,20,162)
-
#360da9
#360da9
rgb(54,13,169)
-
#3306b0
#3306b0
rgb(51,6,176)
Color Blindness Simulator
Below, you can see how #3306b0 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.