#3304ae hex color

In a RGB color space, hex #3304ae is composed of 20% red, 1.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 97.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 256.6 degrees, a saturation of 95.5% and a lightness of 34.9%. #3304ae color hex could be obtained by blending #6608ff with #00005d. Closest websafe color is: #330099.

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

● #3304ae color description : Dark violet.

The hexadecimal color #3304ae has RGB values of R:51, G:4, B:174 and CMYK values of C:0.71, M:0.98, Y:0, K:0.32. Its decimal value is 3343534.

Hex triplet	3304ae	`#3304ae`
RGB Decimal	51, 4, 174	`rgb(51,4,174)`
RGB Percent	20, 1.6, 68.2	`rgb(20%,1.6%,68.2%)`
CMYK	71, 98, 0, 32
HSL	256.6°, 95.5, 34.9	`hsl(256.6,95.5%,34.9%)`
HSV (or HSB)	256.6°, 97.7, 68.2
Web Safe	330099	`#330099`

CIE-LAB	23.156, 59.517, -76.095
XYZ	9.047, 3.846, 40.308
xyY	0.17, 0.072, 3.846
CIE-LCH	23.156, 96.606, 308.03
CIE-LUV	23.156, -1.505, -85.457
Hunter-Lab	19.612, 48.024, -108.13
Binary	00110011, 00000100, 10101110

#3304ae
```
#3304ae rgb(51,4,174)
```
#7fae04
```
#7fae04 rgb(127,174,4)
```

Complementary Color

#042aae
```
#042aae rgb(4,42,174)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#8804ae
```
#8804ae rgb(136,4,174)
```

Analogous Color

#2aae04
```
#2aae04 rgb(42,174,4)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#ae8804
```
#ae8804 rgb(174,136,4)
```

Split Complementary Color

#04ae33
```
#04ae33 rgb(4,174,51)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#ae3304
```
#ae3304 rgb(174,51,4)
```

Triadic Color

#047fae
```
#047fae rgb(4,127,174)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#ae3304
```
#ae3304 rgb(174,51,4)
```
#7fae04
```
#7fae04 rgb(127,174,4)
```

Tetradic Color

#1d0263
```
#1d0263 rgb(29,2,99)
```
#24037c
```
#24037c rgb(36,3,124)
```
#2c0395
```
#2c0395 rgb(44,3,149)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#3a05c7
```
#3a05c7 rgb(58,5,199)
```
#4205e0
```
#4205e0 rgb(66,5,224)
```
#4906f9
```
#4906f9 rgb(73,6,249)
```

Monochromatic Color

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

#0804ae
```
#0804ae rgb(8,4,174)
```
#1704ae
```
#1704ae rgb(23,4,174)
```
#2504ae
```
#2504ae rgb(37,4,174)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#4104ae
```
#4104ae rgb(65,4,174)
```
#4f04ae
```
#4f04ae rgb(79,4,174)
```
#5e04ae
```
#5e04ae rgb(94,4,174)
```

Similar Colors

Text with hexadecimal color #3304ae

This text has a font color of #3304ae.

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

#3304ae background color

This paragraph has a background color of #3304ae.

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

#3304ae border color

This element has a border color of #3304ae.

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

CSS codes

.text {color:#3304ae;}

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

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

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 #f2edff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#060015
```
#060015 rgb(6,0,21)
```
#0c0128
```
#0c0128 rgb(12,1,40)
```
#11013b
```
#11013b rgb(17,1,59)
```
#17024e
```
#17024e rgb(23,2,78)
```
#1d0261
```
#1d0261 rgb(29,2,97)
```
#220374
```
#220374 rgb(34,3,116)
```
#280388
```
#280388 rgb(40,3,136)
```
#2d049b
```
#2d049b rgb(45,4,155)
```
#3304ae
```
#3304ae rgb(51,4,174)
```
#3904c1
```
#3904c1 rgb(57,4,193)
```
#3e05d4
```
#3e05d4 rgb(62,5,212)
```
#4405e8
```
#4405e8 rgb(68,5,232)
```

Shade Color Variation

#4a07f9
```
#4a07f9 rgb(74,7,249)
```
#581afa
```
#581afa rgb(88,26,250)
```
#662efa
```
#662efa rgb(102,46,250)
```
#7441fb
```
#7441fb rgb(116,65,251)
```
#8254fb
```
#8254fb rgb(130,84,251)
```
#9067fc
```
#9067fc rgb(144,103,252)
```
#9e7afc
```
#9e7afc rgb(158,122,252)
```
#ac8dfc
```
#ac8dfc rgb(172,141,252)
```
#baa1fd
```
#baa1fd rgb(186,161,253)
```
#c8b4fd
```
#c8b4fd rgb(200,180,253)
```
#d6c7fe
```
#d6c7fe rgb(214,199,254)
```
#e4dafe
```
#e4dafe rgb(228,218,254)
```
#f2edff
```
#f2edff rgb(242,237,255)
```

Tint Color Variation

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

#58565c
```
#58565c rgb(88,86,92)
```
#554f63
```
#554f63 rgb(85,79,99)
```
#52486a
```
#52486a rgb(82,72,106)
```
#4f4270
```
#4f4270 rgb(79,66,112)
```
#4b3b77
```
#4b3b77 rgb(75,59,119)
```
#48347e
```
#48347e rgb(72,52,126)
```
#452d85
```
#452d85 rgb(69,45,133)
```
#42268c
```
#42268c rgb(66,38,140)
```
#3f1f93
```
#3f1f93 rgb(63,31,147)
```
#3c1999
```
#3c1999 rgb(60,25,153)
```
#3912a0
```
#3912a0 rgb(57,18,160)
```
#360ba7
```
#360ba7 rgb(54,11,167)
```
#3304ae
```
#3304ae rgb(51,4,174)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#281e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00436a Deuteranopia 1% of men
#00484b Tritanopia 0.001% of the population

Trichromacy

#122a8d Protanomaly 1% of men, 0.01% of women
#122c83 Deuteranomaly 6% of men, 0.4% of women
#122f6f Tritanomaly 0.01% of the population

#3304ae hex color

#3304ae Color Information

#3304ae Color Conversion

Color Schemes with #3304ae

Alternatives to #3304ae

#3304ae Preview

Shades and Tints of #3304ae

Tones of #3304ae

Color Blindness Simulator