#3304a4 hex color

In a RGB color space, hex #3304a4 is composed of 20% red, 1.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 97.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 257.6 degrees, a saturation of 95.2% and a lightness of 32.9%. #3304a4 color hex could be obtained by blending #6608ff with #000049. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 2
- B 64
RGB color chart
- C 69
- M 98
- Y 0
- K 36
CMYK color chart

● #3304a4 color description : Dark violet.

The hexadecimal color #3304a4 has RGB values of R:51, G:4, B:164 and CMYK values of C:0.69, M:0.98, Y:0, K:0.36. Its decimal value is 3343524.

Hex triplet	3304a4	`#3304a4`
RGB Decimal	51, 4, 164	`rgb(51,4,164)`
RGB Percent	20, 1.6, 64.3	`rgb(20%,1.6%,64.3%)`
CMYK	69, 98, 0, 36
HSL	257.6°, 95.2, 32.9	`hsl(257.6,95.2%,32.9%)`
HSV (or HSB)	257.6°, 97.6, 64.3
Web Safe	330099	`#330099`

CIE-LAB	21.838, 57.012, -72.237
XYZ	8.108, 3.471, 35.363
xyY	0.173, 0.074, 3.471
CIE-LCH	21.838, 92.025, 308.282
CIE-LUV	21.838, -0.784, -79.62
Hunter-Lab	18.63, 45.087, -99.503
Binary	00110011, 00000100, 10100100

#3304a4
```
#3304a4 rgb(51,4,164)
```
#75a404
```
#75a404 rgb(117,164,4)
```

Complementary Color

#0425a4
```
#0425a4 rgb(4,37,164)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#8304a4
```
#8304a4 rgb(131,4,164)
```

Analogous Color

#25a404
```
#25a404 rgb(37,164,4)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#a48304
```
#a48304 rgb(164,131,4)
```

Split Complementary Color

#04a433
```
#04a433 rgb(4,164,51)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#a43304
```
#a43304 rgb(164,51,4)
```

Triadic Color

#0475a4
```
#0475a4 rgb(4,117,164)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#a43304
```
#a43304 rgb(164,51,4)
```
#75a404
```
#75a404 rgb(117,164,4)
```

Tetradic Color

#1c0259
```
#1c0259 rgb(28,2,89)
```
#240372
```
#240372 rgb(36,3,114)
```
#2b038b
```
#2b038b rgb(43,3,139)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#3b05bd
```
#3b05bd rgb(59,5,189)
```
#4205d6
```
#4205d6 rgb(66,5,214)
```
#4a06ef
```
#4a06ef rgb(74,6,239)
```

Monochromatic Color

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

#0b04a4
```
#0b04a4 rgb(11,4,164)
```
#1804a4
```
#1804a4 rgb(24,4,164)
```
#2604a4
```
#2604a4 rgb(38,4,164)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#4004a4
```
#4004a4 rgb(64,4,164)
```
#4e04a4
```
#4e04a4 rgb(78,4,164)
```
#5b04a4
```
#5b04a4 rgb(91,4,164)
```

Similar Colors

Text with hexadecimal color #3304a4

This text has a font color of #3304a4.

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

#3304a4 background color

This paragraph has a background color of #3304a4.

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

#3304a4 border color

This element has a border color of #3304a4.

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

CSS codes

.text {color:#3304a4;}

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

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

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, #03000b is the darkest color, while #f9f7ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#09011e
```
#09011e rgb(9,1,30)
```
#0f0131
```
#0f0131 rgb(15,1,49)
```
#150244
```
#150244 rgb(21,2,68)
```
#1b0257
```
#1b0257 rgb(27,2,87)
```
#21036b
```
#21036b rgb(33,3,107)
```
#27037e
```
#27037e rgb(39,3,126)
```
#2d0491
```
#2d0491 rgb(45,4,145)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```
#3904b7
```
#3904b7 rgb(57,4,183)
```
#3f05ca
```
#3f05ca rgb(63,5,202)
```
#4505dd
```
#4505dd rgb(69,5,221)
```
#4b06f1
```
#4b06f1 rgb(75,6,241)
```

Shade Color Variation

#5511f9
```
#5511f9 rgb(85,17,249)
```
#6324fa
```
#6324fa rgb(99,36,250)
```
#7037fa
```
#7037fa rgb(112,55,250)
```
#7e4afb
```
#7e4afb rgb(126,74,251)
```
#8c5dfb
```
#8c5dfb rgb(140,93,251)
```
#9971fc
```
#9971fc rgb(153,113,252)
```
#a784fc
```
#a784fc rgb(167,132,252)
```
#b597fc
```
#b597fc rgb(181,151,252)
```
#c2aafd
```
#c2aafd rgb(194,170,253)
```
#d0bdfd
```
#d0bdfd rgb(208,189,253)
```
#ded0fe
```
#ded0fe rgb(222,208,254)
```
#ebe4fe
```
#ebe4fe rgb(235,228,254)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#535256
```
#535256 rgb(83,82,86)
```
#504b5d
```
#504b5d rgb(80,75,93)
```
#4e4563
```
#4e4563 rgb(78,69,99)
```
#4b3e6a
```
#4b3e6a rgb(75,62,106)
```
#483870
```
#483870 rgb(72,56,112)
```
#463177
```
#463177 rgb(70,49,119)
```
#432b7d
```
#432b7d rgb(67,43,125)
```
#402484
```
#402484 rgb(64,36,132)
```
#3e1e8a
```
#3e1e8a rgb(62,30,138)
```
#3b1791
```
#3b1791 rgb(59,23,145)
```
#381197
```
#381197 rgb(56,17,151)
```
#360a9e
```
#360a9e rgb(54,10,158)
```
#3304a4
```
#3304a4 rgb(51,4,164)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#271e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#122887 Protanomaly 1% of men, 0.01% of women
#122a7c Deuteranomaly 6% of men, 0.4% of women
#122d69 Tritanomaly 0.01% of the population

#3304a4 hex color

#3304a4 Color Information

#3304a4 Color Conversion

Color Schemes with #3304a4

Alternatives to #3304a4

#3304a4 Preview

Shades and Tints of #3304a4

Tones of #3304a4

Color Blindness Simulator