#3304f5 hex color

In a RGB color space, hex #3304f5 is composed of 20% red, 1.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 98.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 251.7 degrees, a saturation of 96.8% and a lightness of 48.8%. #3304f5 color hex could be obtained by blending #6608ff with #0000eb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 20
- G 2
- B 96
RGB color chart
- C 79
- M 98
- Y 0
- K 4
CMYK color chart

● #3304f5 color description : Vivid blue.

The hexadecimal color #3304f5 has RGB values of R:51, G:4, B:245 and CMYK values of C:0.79, M:0.98, Y:0, K:0.04. Its decimal value is 3343605.

Hex triplet	3304f5	`#3304f5`
RGB Decimal	51, 4, 245	`rgb(51,4,245)`
RGB Percent	20, 1.6, 96.1	`rgb(20%,1.6%,96.1%)`
CMYK	79, 98, 0, 4
HSL	251.7°, 96.8, 48.8	`hsl(251.7,96.8%,48.8%)`
HSV (or HSB)	251.7°, 98.4, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.661, 76.782, -101.592
XYZ	17.887, 7.382, 86.863
xyY	0.16, 0.066, 7.382
CIE-LCH	32.661, 127.343, 307.082
CIE-LUV	32.661, -5.949, -126.375
Hunter-Lab	27.17, 69.965, -170.533
Binary	00110011, 00000100, 11110101

#3304f5
```
#3304f5 rgb(51,4,245)
```
#c6f504
```
#c6f504 rgb(198,245,4)
```

Complementary Color

#044ef5
```
#044ef5 rgb(4,78,245)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```
#ac04f5
```
#ac04f5 rgb(172,4,245)
```

Analogous Color

#4ef504
```
#4ef504 rgb(78,245,4)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```
#f5ac04
```
#f5ac04 rgb(245,172,4)
```

Split Complementary Color

#04f533
```
#04f533 rgb(4,245,51)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```
#f53304
```
#f53304 rgb(245,51,4)
```

Triadic Color

#04c6f5
```
#04c6f5 rgb(4,198,245)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```
#f53304
```
#f53304 rgb(245,51,4)
```
#c6f504
```
#c6f504 rgb(198,245,4)
```

Tetradic Color

#2303aa
```
#2303aa rgb(35,3,170)
```
#2903c3
```
#2903c3 rgb(41,3,195)
```
#2e04dc
```
#2e04dc rgb(46,4,220)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```
#4417fb
```
#4417fb rgb(68,23,251)
```
#5830fc
```
#5830fc rgb(88,48,252)
```
#6c49fc
```
#6c49fc rgb(108,73,252)
```

Monochromatic Color

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

#0411f5
```
#0411f5 rgb(4,17,245)
```
#0b04f5
```
#0b04f5 rgb(11,4,245)
```
#1f04f5
```
#1f04f5 rgb(31,4,245)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```
#4704f5
```
#4704f5 rgb(71,4,245)
```
#5b04f5
```
#5b04f5 rgb(91,4,245)
```
#6f04f5
```
#6f04f5 rgb(111,4,245)
```

Similar Colors

Text with hexadecimal color #3304f5

This text has a font color of #3304f5.

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

#3304f5 background color

This paragraph has a background color of #3304f5.

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

#3304f5 border color

This element has a border color of #3304f5.

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

CSS codes

.text {color:#3304f5;}

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

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

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

#03000d
```
#03000d rgb(3,0,13)
```
#070121
```
#070121 rgb(7,1,33)
```
#0b0134
```
#0b0134 rgb(11,1,52)
```
#0f0147
```
#0f0147 rgb(15,1,71)
```
#13015b
```
#13015b rgb(19,1,91)
```
#17026e
```
#17026e rgb(23,2,110)
```
#1b0281
```
#1b0281 rgb(27,2,129)
```
#1f0294
```
#1f0294 rgb(31,2,148)
```
#2303a8
```
#2303a8 rgb(35,3,168)
```
#2703bb
```
#2703bb rgb(39,3,187)
```
#2b03ce
```
#2b03ce rgb(43,3,206)
```
#2f04e2
```
#2f04e2 rgb(47,4,226)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```

Shade Color Variation

#3f11fb
```
#3f11fb rgb(63,17,251)
```
#4f25fb
```
#4f25fb rgb(79,37,251)
```
#5e38fc
```
#5e38fc rgb(94,56,252)
```
#6e4bfc
```
#6e4bfc rgb(110,75,252)
```
#7d5ffc
```
#7d5ffc rgb(125,95,252)
```
#8d72fd
```
#8d72fd rgb(141,114,253)
```
#9d85fd
```
#9d85fd rgb(157,133,253)
```
#ac99fd
```
#ac99fd rgb(172,153,253)
```
#bcacfe
```
#bcacfe rgb(188,172,254)
```
#cbbffe
```
#cbbffe rgb(203,191,254)
```
#dbd2fe
```
#dbd2fe rgb(219,210,254)
```
#ebe6ff
```
#ebe6ff rgb(235,230,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#797782
```
#797782 rgb(121,119,130)
```
#736d8c
```
#736d8c rgb(115,109,140)
```
#6d6495
```
#6d6495 rgb(109,100,149)
```
#685a9f
```
#685a9f rgb(104,90,159)
```
#6251a8
```
#6251a8 rgb(98,81,168)
```
#5c47b2
```
#5c47b2 rgb(92,71,178)
```
#563dbc
```
#563dbc rgb(86,61,188)
```
#5034c5
```
#5034c5 rgb(80,52,197)
```
#4a2acf
```
#4a2acf rgb(74,42,207)
```
#4521d8
```
#4521d8 rgb(69,33,216)
```
#3f17e2
```
#3f17e2 rgb(63,23,226)
```
#390eeb
```
#390eeb rgb(57,14,235)
```
#3304f5
```
#3304f5 rgb(51,4,245)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1236c0 Protanomaly 1% of men, 0.01% of women
#1239b2 Deuteranomaly 6% of men, 0.4% of women
#123d97 Tritanomaly 0.01% of the population

#3304f5 hex color

#3304f5 Color Information

#3304f5 Color Conversion

Color Schemes with #3304f5

Alternatives to #3304f5

#3304f5 Preview

Shades and Tints of #3304f5

Tones of #3304f5

Color Blindness Simulator