#3304b4 hex color

In a RGB color space, hex #3304b4 is composed of 20% red, 1.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 97.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 256 degrees, a saturation of 95.7% and a lightness of 36.1%. #3304b4 color hex could be obtained by blending #6608ff with #000069. Closest websafe color is: #3300cc.

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

● #3304b4 color description : Strong violet.

The hexadecimal color #3304b4 has RGB values of R:51, G:4, B:180 and CMYK values of C:0.72, M:0.98, Y:0, K:0.29. Its decimal value is 3343540.

Hex triplet	3304b4	`#3304b4`
RGB Decimal	51, 4, 180	`rgb(51,4,180)`
RGB Percent	20, 1.6, 70.6	`rgb(20%,1.6%,70.6%)`
CMYK	72, 98, 0, 29
HSL	256°, 95.7, 36.1	`hsl(256,95.7%,36.1%)`
HSV (or HSB)	256°, 97.8, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	23.952, 61.012, -78.371
XYZ	9.645, 4.085, 43.458
xyY	0.169, 0.071, 4.085
CIE-LCH	23.952, 99.32, 307.901
CIE-LUV	23.952, -1.924, -88.953
Hunter-Lab	20.212, 49.807, -113.327
Binary	00110011, 00000100, 10110100

#3304b4
```
#3304b4 rgb(51,4,180)
```
#85b404
```
#85b404 rgb(133,180,4)
```

Complementary Color

#042db4
```
#042db4 rgb(4,45,180)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#8b04b4
```
#8b04b4 rgb(139,4,180)
```

Analogous Color

#2db404
```
#2db404 rgb(45,180,4)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#b48b04
```
#b48b04 rgb(180,139,4)
```

Split Complementary Color

#04b433
```
#04b433 rgb(4,180,51)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#b43304
```
#b43304 rgb(180,51,4)
```

Triadic Color

#0485b4
```
#0485b4 rgb(4,133,180)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#b43304
```
#b43304 rgb(180,51,4)
```
#85b404
```
#85b404 rgb(133,180,4)
```

Tetradic Color

#1e0269
```
#1e0269 rgb(30,2,105)
```
#250382
```
#250382 rgb(37,3,130)
```
#2c039b
```
#2c039b rgb(44,3,155)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#3a05cd
```
#3a05cd rgb(58,5,205)
```
#4105e6
```
#4105e6 rgb(65,5,230)
```
#4b0bfa
```
#4b0bfa rgb(75,11,250)
```

Monochromatic Color

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

#0704b4
```
#0704b4 rgb(7,4,180)
```
#1604b4
```
#1604b4 rgb(22,4,180)
```
#2404b4
```
#2404b4 rgb(36,4,180)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#4204b4
```
#4204b4 rgb(66,4,180)
```
#5004b4
```
#5004b4 rgb(80,4,180)
```
#5f04b4
```
#5f04b4 rgb(95,4,180)
```

Similar Colors

Text with hexadecimal color #3304b4

This text has a font color of #3304b4.

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

#3304b4 background color

This paragraph has a background color of #3304b4.

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

#3304b4 border color

This element has a border color of #3304b4.

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

CSS codes

.text {color:#3304b4;}

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

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

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

#020007
```
#020007 rgb(2,0,7)
```
#08011a
```
#08011a rgb(8,1,26)
```
#0d012e
```
#0d012e rgb(13,1,46)
```
#120141
```
#120141 rgb(18,1,65)
```
#180254
```
#180254 rgb(24,2,84)
```
#1d0267
```
#1d0267 rgb(29,2,103)
```
#23037a
```
#23037a rgb(35,3,122)
```
#28038e
```
#28038e rgb(40,3,142)
```
#2e04a1
```
#2e04a1 rgb(46,4,161)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```
#3804c7
```
#3804c7 rgb(56,4,199)
```
#3e05da
```
#3e05da rgb(62,5,218)
```
#4305ee
```
#4305ee rgb(67,5,238)
```

Shade Color Variation

#4c0dfa
```
#4c0dfa rgb(76,13,250)
```
#5a20fa
```
#5a20fa rgb(90,32,250)
```
#6833fa
```
#6833fa rgb(104,51,250)
```
#7746fb
```
#7746fb rgb(119,70,251)
```
#855afb
```
#855afb rgb(133,90,251)
```
#936dfc
```
#936dfc rgb(147,109,252)
```
#a180fc
```
#a180fc rgb(161,128,252)
```
#af93fd
```
#af93fd rgb(175,147,253)
```
#bea6fd
```
#bea6fd rgb(190,166,253)
```
#ccbafd
```
#ccbafd rgb(204,186,253)
```
#dacdfe
```
#dacdfe rgb(218,205,254)
```
#e8e0fe
```
#e8e0fe rgb(232,224,254)
```
#f6f3ff
```
#f6f3ff rgb(246,243,255)
```

Tint Color Variation

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

#5b595f
```
#5b595f rgb(91,89,95)
```
#575266
```
#575266 rgb(87,82,102)
```
#544b6d
```
#544b6d rgb(84,75,109)
```
#514474
```
#514474 rgb(81,68,116)
```
#4d3d7b
```
#4d3d7b rgb(77,61,123)
```
#4a3682
```
#4a3682 rgb(74,54,130)
```
#472e8a
```
#472e8a rgb(71,46,138)
```
#432791
```
#432791 rgb(67,39,145)
```
#402098
```
#402098 rgb(64,32,152)
```
#3d199f
```
#3d199f rgb(61,25,159)
```
#3a12a6
```
#3a12a6 rgb(58,18,166)
```
#360bad
```
#360bad rgb(54,11,173)
```
#3304b4
```
#3304b4 rgb(51,4,180)
```

Tone Color Variation

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

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#122b92 Protanomaly 1% of men, 0.01% of women
#122d87 Deuteranomaly 6% of men, 0.4% of women
#123072 Tritanomaly 0.01% of the population

#3304b4 hex color

#3304b4 Color Information

#3304b4 Color Conversion

Color Schemes with #3304b4

Alternatives to #3304b4

#3304b4 Preview

Shades and Tints of #3304b4

Tones of #3304b4

Color Blindness Simulator