#3304af hex color

In a RGB color space, hex #3304af is composed of 20% red, 1.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 97.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 256.5 degrees, a saturation of 95.5% and a lightness of 35.1%. #3304af color hex could be obtained by blending #6608ff with #00005f. Closest websafe color is: #330099.

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

● #3304af color description : Dark violet.

The hexadecimal color #3304af has RGB values of R:51, G:4, B:175 and CMYK values of C:0.71, M:0.98, Y:0, K:0.31. Its decimal value is 3343535.

Hex triplet	3304af	`#3304af`
RGB Decimal	51, 4, 175	`rgb(51,4,175)`
RGB Percent	20, 1.6, 68.6	`rgb(20%,1.6%,68.6%)`
CMYK	71, 98, 0, 31
HSL	256.5°, 95.5, 35.1	`hsl(256.5,95.5%,35.1%)`
HSV (or HSB)	256.5°, 97.7, 68.6
Web Safe	330099	`#330099`

CIE-LAB	23.289, 59.767, -76.476
XYZ	9.145, 3.885, 40.823
xyY	0.17, 0.072, 3.885
CIE-LCH	23.289, 97.06, 308.008
CIE-LUV	23.289, -1.576, -86.04
Hunter-Lab	19.711, 48.32, -108.995
Binary	00110011, 00000100, 10101111

#3304af
```
#3304af rgb(51,4,175)
```
#80af04
```
#80af04 rgb(128,175,4)
```

Complementary Color

#042baf
```
#042baf rgb(4,43,175)
```
#3304af
```
#3304af rgb(51,4,175)
```
#8904af
```
#8904af rgb(137,4,175)
```

Analogous Color

#2baf04
```
#2baf04 rgb(43,175,4)
```
#3304af
```
#3304af rgb(51,4,175)
```
#af8904
```
#af8904 rgb(175,137,4)
```

Split Complementary Color

#04af33
```
#04af33 rgb(4,175,51)
```
#3304af
```
#3304af rgb(51,4,175)
```
#af3304
```
#af3304 rgb(175,51,4)
```

Triadic Color

#0480af
```
#0480af rgb(4,128,175)
```
#3304af
```
#3304af rgb(51,4,175)
```
#af3304
```
#af3304 rgb(175,51,4)
```
#80af04
```
#80af04 rgb(128,175,4)
```

Tetradic Color

#1d0264
```
#1d0264 rgb(29,2,100)
```
#24037d
```
#24037d rgb(36,3,125)
```
#2c0396
```
#2c0396 rgb(44,3,150)
```
#3304af
```
#3304af rgb(51,4,175)
```
#3a05c8
```
#3a05c8 rgb(58,5,200)
```
#4205e1
```
#4205e1 rgb(66,5,225)
```
#4906f9
```
#4906f9 rgb(73,6,249)
```

Monochromatic Color

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

#0804af
```
#0804af rgb(8,4,175)
```
#1604af
```
#1604af rgb(22,4,175)
```
#2504af
```
#2504af rgb(37,4,175)
```
#3304af
```
#3304af rgb(51,4,175)
```
#4104af
```
#4104af rgb(65,4,175)
```
#4f04af
```
#4f04af rgb(79,4,175)
```
#5e04af
```
#5e04af rgb(94,4,175)
```

Similar Colors

Text with hexadecimal color #3304af

This text has a font color of #3304af.

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

#3304af background color

This paragraph has a background color of #3304af.

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

#3304af border color

This element has a border color of #3304af.

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

CSS codes

.text {color:#3304af;}

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

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

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, #010002 is the darkest color, while #f3eeff is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#060016
```
#060016 rgb(6,0,22)
```
#0c0129
```
#0c0129 rgb(12,1,41)
```
#11013c
```
#11013c rgb(17,1,60)
```
#17024f
```
#17024f rgb(23,2,79)
```
#1d0262
```
#1d0262 rgb(29,2,98)
```
#220375
```
#220375 rgb(34,3,117)
```
#280389
```
#280389 rgb(40,3,137)
```
#2d049c
```
#2d049c rgb(45,4,156)
```
#3304af
```
#3304af rgb(51,4,175)
```
#3904c2
```
#3904c2 rgb(57,4,194)
```
#3e05d5
```
#3e05d5 rgb(62,5,213)
```
#4405e9
```
#4405e9 rgb(68,5,233)
```

Shade Color Variation

#4a08f9
```
#4a08f9 rgb(74,8,249)
```
#581bfa
```
#581bfa rgb(88,27,250)
```
#662efa
```
#662efa rgb(102,46,250)
```
#7442fb
```
#7442fb rgb(116,66,251)
```
#8355fb
```
#8355fb rgb(131,85,251)
```
#9168fc
```
#9168fc rgb(145,104,252)
```
#9f7bfc
```
#9f7bfc rgb(159,123,252)
```
#ad8efc
```
#ad8efc rgb(173,142,252)
```
#bba2fd
```
#bba2fd rgb(187,162,253)
```
#c9b5fd
```
#c9b5fd rgb(201,181,253)
```
#d7c8fe
```
#d7c8fe rgb(215,200,254)
```
#e5dbfe
```
#e5dbfe rgb(229,219,254)
```
#f3eeff
```
#f3eeff rgb(243,238,255)
```

Tint Color Variation

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

#58575c
```
#58575c rgb(88,87,92)
```
#555063
```
#555063 rgb(85,80,99)
```
#52496a
```
#52496a rgb(82,73,106)
```
#4f4271
```
#4f4271 rgb(79,66,113)
```
#4c3b78
```
#4c3b78 rgb(76,59,120)
```
#49347f
```
#49347f rgb(73,52,127)
```
#462d86
```
#462d86 rgb(70,45,134)
```
#43268d
```
#43268d rgb(67,38,141)
```
#3f2093
```
#3f2093 rgb(63,32,147)
```
#3c199a
```
#3c199a rgb(60,25,154)
```
#3912a1
```
#3912a1 rgb(57,18,161)
```
#360ba8
```
#360ba8 rgb(54,11,168)
```
#3304af
```
#3304af rgb(51,4,175)
```

Tone Color Variation

Below, you can see how #3304af 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
#291f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00436b Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

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

#3304af hex color

#3304af Color Information

#3304af Color Conversion

Color Schemes with #3304af

Alternatives to #3304af

#3304af Preview

Shades and Tints of #3304af

Tones of #3304af

Color Blindness Simulator