#3304b2 hex color

In a RGB color space, hex #3304b2 is composed of 20% red, 1.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 97.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 256.2 degrees, a saturation of 95.6% and a lightness of 35.7%. #3304b2 color hex could be obtained by blending #6608ff with #000065. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 2
- B 70
RGB color chart
- C 71
- M 98
- Y 0
- K 30
CMYK color chart

● #3304b2 color description : Dark violet.

The hexadecimal color #3304b2 has RGB values of R:51, G:4, B:178 and CMYK values of C:0.71, M:0.98, Y:0, K:0.3. Its decimal value is 3343538.

Hex triplet	3304b2	`#3304b2`
RGB Decimal	51, 4, 178	`rgb(51,4,178)`
RGB Percent	20, 1.6, 69.8	`rgb(20%,1.6%,69.8%)`
CMYK	71, 98, 0, 30
HSL	256.2°, 95.6, 35.7	`hsl(256.2,95.6%,35.7%)`
HSV (or HSB)	256.2°, 97.8, 69.8
Web Safe	330099	`#330099`

CIE-LAB	23.686, 60.514, -77.615
XYZ	9.443, 4.005, 42.392
xyY	0.169, 0.072, 4.005
CIE-LCH	23.686, 98.418, 307.942
CIE-LUV	23.686, -1.786, -87.788
Hunter-Lab	20.011, 49.211, -111.593
Binary	00110011, 00000100, 10110010

#3304b2
```
#3304b2 rgb(51,4,178)
```
#83b204
```
#83b204 rgb(131,178,4)
```

Complementary Color

#042cb2
```
#042cb2 rgb(4,44,178)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#8a04b2
```
#8a04b2 rgb(138,4,178)
```

Analogous Color

#2cb204
```
#2cb204 rgb(44,178,4)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#b28a04
```
#b28a04 rgb(178,138,4)
```

Split Complementary Color

#04b233
```
#04b233 rgb(4,178,51)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#b23304
```
#b23304 rgb(178,51,4)
```

Triadic Color

#0483b2
```
#0483b2 rgb(4,131,178)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#b23304
```
#b23304 rgb(178,51,4)
```
#83b204
```
#83b204 rgb(131,178,4)
```

Tetradic Color

#1e0267
```
#1e0267 rgb(30,2,103)
```
#250380
```
#250380 rgb(37,3,128)
```
#2c0399
```
#2c0399 rgb(44,3,153)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#3a05cb
```
#3a05cb rgb(58,5,203)
```
#4105e4
```
#4105e4 rgb(65,5,228)
```
#4a09f9
```
#4a09f9 rgb(74,9,249)
```

Monochromatic Color

Below, you can see some colors close to #3304b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0704b2
```
#0704b2 rgb(7,4,178)
```
#1604b2
```
#1604b2 rgb(22,4,178)
```
#2404b2
```
#2404b2 rgb(36,4,178)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#4104b2
```
#4104b2 rgb(65,4,178)
```
#5004b2
```
#5004b2 rgb(80,4,178)
```
#5f04b2
```
#5f04b2 rgb(95,4,178)
```

Similar Colors

Text with hexadecimal color #3304b2

This text has a font color of #3304b2.

<span style="color:#3304b2;">Text here</span>

#3304b2 background color

This paragraph has a background color of #3304b2.

<p style="background-color:#3304b2;">Content here</p>

#3304b2 border color

This element has a border color of #3304b2.

<div style="border:1px solid #3304b2;">Content here</div>

CSS codes

.text {color:#3304b2;}

.background {background-color:#3304b2;}

.border {border:1px solid #3304b2;}

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)
```
#070119
```
#070119 rgb(7,1,25)
```
#0d012c
```
#0d012c rgb(13,1,44)
```
#12013f
```
#12013f rgb(18,1,63)
```
#180252
```
#180252 rgb(24,2,82)
```
#1d0265
```
#1d0265 rgb(29,2,101)
```
#230378
```
#230378 rgb(35,3,120)
```
#28038c
```
#28038c rgb(40,3,140)
```
#2e049f
```
#2e049f rgb(46,4,159)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```
#3804c5
```
#3804c5 rgb(56,4,197)
```
#3e05d8
```
#3e05d8 rgb(62,5,216)
```
#4305ec
```
#4305ec rgb(67,5,236)
```

Shade Color Variation

#4b0bfa
```
#4b0bfa rgb(75,11,250)
```
#5a1efa
```
#5a1efa rgb(90,30,250)
```
#6831fa
```
#6831fa rgb(104,49,250)
```
#7644fb
```
#7644fb rgb(118,68,251)
```
#8458fb
```
#8458fb rgb(132,88,251)
```
#926bfc
```
#926bfc rgb(146,107,252)
```
#a07efc
```
#a07efc rgb(160,126,252)
```
#ae91fd
```
#ae91fd rgb(174,145,253)
```
#bca4fd
```
#bca4fd rgb(188,164,253)
```
#cab8fd
```
#cab8fd rgb(202,184,253)
```
#d9cbfe
```
#d9cbfe rgb(217,203,254)
```
#e7defe
```
#e7defe rgb(231,222,254)
```
#f5f1ff
```
#f5f1ff rgb(245,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a585e is the less saturated color, while #3304b2 is the most saturated one.

#5a585e
```
#5a585e rgb(90,88,94)
```
#565165
```
#565165 rgb(86,81,101)
```
#534a6c
```
#534a6c rgb(83,74,108)
```
#504373
```
#504373 rgb(80,67,115)
```
#4d3c7a
```
#4d3c7a rgb(77,60,122)
```
#4a3581
```
#4a3581 rgb(74,53,129)
```
#462e88
```
#462e88 rgb(70,46,136)
```
#43278f
```
#43278f rgb(67,39,143)
```
#402096
```
#402096 rgb(64,32,150)
```
#3d199d
```
#3d199d rgb(61,25,157)
```
#3912a4
```
#3912a4 rgb(57,18,164)
```
#360bab
```
#360bab rgb(54,11,171)
```
#3304b2
```
#3304b2 rgb(51,4,178)
```

Tone Color Variation

Below, you can see how #3304b2 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.

Monochromacy

#262626 Achromatopsia 0.005% of the population
#291f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#122a90 Protanomaly 1% of men, 0.01% of women
#122d85 Deuteranomaly 6% of men, 0.4% of women
#123071 Tritanomaly 0.01% of the population

#3304b2 hex color

#3304b2 Color Information

#3304b2 Color Conversion

Color Schemes with #3304b2

Alternatives to #3304b2

#3304b2 Preview

Shades and Tints of #3304b2

Tones of #3304b2

Color Blindness Simulator