#3304a5 hex color

In a RGB color space, hex #3304a5 is composed of 20% red, 1.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 97.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 257.5 degrees, a saturation of 95.3% and a lightness of 33.1%. #3304a5 color hex could be obtained by blending #6608ff with #00004b. Closest websafe color is: #330099.

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

● #3304a5 color description : Dark violet.

The hexadecimal color #3304a5 has RGB values of R:51, G:4, B:165 and CMYK values of C:0.69, M:0.98, Y:0, K:0.35. Its decimal value is 3343525.

Hex triplet	3304a5	`#3304a5`
RGB Decimal	51, 4, 165	`rgb(51,4,165)`
RGB Percent	20, 1.6, 64.7	`rgb(20%,1.6%,64.7%)`
CMYK	69, 98, 0, 35
HSL	257.5°, 95.3, 33.1	`hsl(257.5,95.3%,33.1%)`
HSV (or HSB)	257.5°, 97.6, 64.7
Web Safe	330099	`#330099`

CIE-LAB	21.969, 57.263, -72.627
XYZ	8.199, 3.507, 35.84
xyY	0.172, 0.074, 3.507
CIE-LCH	21.969, 92.487, 308.254
CIE-LUV	21.969, -0.857, -80.204
Hunter-Lab	18.727, 45.379, -100.363
Binary	00110011, 00000100, 10100101

#3304a5
```
#3304a5 rgb(51,4,165)
```
#76a504
```
#76a504 rgb(118,165,4)
```

Complementary Color

#0426a5
```
#0426a5 rgb(4,38,165)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#8404a5
```
#8404a5 rgb(132,4,165)
```

Analogous Color

#26a504
```
#26a504 rgb(38,165,4)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#a58404
```
#a58404 rgb(165,132,4)
```

Split Complementary Color

#04a533
```
#04a533 rgb(4,165,51)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#a53304
```
#a53304 rgb(165,51,4)
```

Triadic Color

#0476a5
```
#0476a5 rgb(4,118,165)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#a53304
```
#a53304 rgb(165,51,4)
```
#76a504
```
#76a504 rgb(118,165,4)
```

Tetradic Color

#1c025a
```
#1c025a rgb(28,2,90)
```
#240373
```
#240373 rgb(36,3,115)
```
#2b038c
```
#2b038c rgb(43,3,140)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#3b05be
```
#3b05be rgb(59,5,190)
```
#4205d7
```
#4205d7 rgb(66,5,215)
```
#4a06f0
```
#4a06f0 rgb(74,6,240)
```

Monochromatic Color

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

#0b04a5
```
#0b04a5 rgb(11,4,165)
```
#1804a5
```
#1804a5 rgb(24,4,165)
```
#2604a5
```
#2604a5 rgb(38,4,165)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#4004a5
```
#4004a5 rgb(64,4,165)
```
#4e04a5
```
#4e04a5 rgb(78,4,165)
```
#5b04a5
```
#5b04a5 rgb(91,4,165)
```

Similar Colors

Text with hexadecimal color #3304a5

This text has a font color of #3304a5.

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

#3304a5 background color

This paragraph has a background color of #3304a5.

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

#3304a5 border color

This element has a border color of #3304a5.

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

CSS codes

.text {color:#3304a5;}

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

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

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, #04000c is the darkest color, while #faf8ff is the lightest one.

#04000c
```
#04000c rgb(4,0,12)
```
#0a011f
```
#0a011f rgb(10,1,31)
```
#0f0132
```
#0f0132 rgb(15,1,50)
```
#150245
```
#150245 rgb(21,2,69)
```
#1b0258
```
#1b0258 rgb(27,2,88)
```
#21036c
```
#21036c rgb(33,3,108)
```
#27037f
```
#27037f rgb(39,3,127)
```
#2d0492
```
#2d0492 rgb(45,4,146)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```
#3904b8
```
#3904b8 rgb(57,4,184)
```
#3f05cb
```
#3f05cb rgb(63,5,203)
```
#4505de
```
#4505de rgb(69,5,222)
```
#4b06f2
```
#4b06f2 rgb(75,6,242)
```

Shade Color Variation

#5512f9
```
#5512f9 rgb(85,18,249)
```
#6325fa
```
#6325fa rgb(99,37,250)
```
#7138fa
```
#7138fa rgb(113,56,250)
```
#7e4bfb
```
#7e4bfb rgb(126,75,251)
```
#8c5efb
```
#8c5efb rgb(140,94,251)
```
#9a72fc
```
#9a72fc rgb(154,114,252)
```
#a885fc
```
#a885fc rgb(168,133,252)
```
#b598fd
```
#b598fd rgb(181,152,253)
```
#c3abfd
```
#c3abfd rgb(195,171,253)
```
#d1befd
```
#d1befd rgb(209,190,253)
```
#ded1fe
```
#ded1fe rgb(222,209,254)
```
#ece4fe
```
#ece4fe rgb(236,228,254)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#535257
```
#535257 rgb(83,82,87)
```
#514c5e
```
#514c5e rgb(81,76,94)
```
#4e4564
```
#4e4564 rgb(78,69,100)
```
#4b3f6b
```
#4b3f6b rgb(75,63,107)
```
#493871
```
#493871 rgb(73,56,113)
```
#463278
```
#463278 rgb(70,50,120)
```
#432b7e
```
#432b7e rgb(67,43,126)
```
#412585
```
#412585 rgb(65,37,133)
```
#3e1e8b
```
#3e1e8b rgb(62,30,139)
```
#3b1892
```
#3b1892 rgb(59,24,146)
```
#381198
```
#381198 rgb(56,17,152)
```
#360b9f
```
#360b9f rgb(54,11,159)
```
#3304a5
```
#3304a5 rgb(51,4,165)
```

Tone Color Variation

Below, you can see how #3304a5 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
#004166 Deuteranopia 1% of men
#004549 Tritanopia 0.001% of the population

Trichromacy

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

#3304a5 hex color

#3304a5 Color Information

#3304a5 Color Conversion

Color Schemes with #3304a5

Alternatives to #3304a5

#3304a5 Preview

Shades and Tints of #3304a5

Tones of #3304a5

Color Blindness Simulator