#3a04ff hex color

In a RGB color space, hex #3a04ff is composed of 22.7% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 252.9 degrees, a saturation of 100% and a lightness of 50.8%. #3a04ff color hex could be obtained by blending #7408ff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 23
- G 2
- B 100
RGB color chart
- C 77
- M 98
- Y 0
- K 0
CMYK color chart

● #3a04ff color description : Vivid blue.

The hexadecimal color #3a04ff has RGB values of R:58, G:4, B:255 and CMYK values of C:0.77, M:0.98, Y:0, K:0. Its decimal value is 3802367.

Hex triplet	3a04ff	`#3a04ff`
RGB Decimal	58, 4, 255	`rgb(58,4,255)`
RGB Percent	22.7, 1.6, 100	`rgb(22.7%,1.6%,100%)`
CMYK	77, 98, 0, 0
HSL	252.9°, 100, 50.8	`hsl(252.9,100%,50.8%)`
HSV (or HSB)	252.9°, 98.4, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.407, 79.305, -104.297
XYZ	19.835, 8.205, 95.141
xyY	0.161, 0.067, 8.205
CIE-LCH	34.407, 131.023, 307.248
CIE-LUV	34.407, -5.641, -132.366
Hunter-Lab	28.645, 73.473, -176.875
Binary	00111010, 00000100, 11111111

#3a04ff
```
#3a04ff rgb(58,4,255)
```
#c9ff04
```
#c9ff04 rgb(201,255,4)
```

Complementary Color

#044cff
```
#044cff rgb(4,76,255)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```
#b804ff
```
#b804ff rgb(184,4,255)
```

Analogous Color

#4cff04
```
#4cff04 rgb(76,255,4)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```
#ffb804
```
#ffb804 rgb(255,184,4)
```

Split Complementary Color

#04ff3a
```
#04ff3a rgb(4,255,58)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```
#ff3a04
```
#ff3a04 rgb(255,58,4)
```

Triadic Color

#04c9ff
```
#04c9ff rgb(4,201,255)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```
#ff3a04
```
#ff3a04 rgb(255,58,4)
```
#c9ff04
```
#c9ff04 rgb(201,255,4)
```

Tetradic Color

#2700b7
```
#2700b7 rgb(39,0,183)
```
#2d00d0
```
#2d00d0 rgb(45,0,208)
```
#3200ea
```
#3200ea rgb(50,0,234)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```
#4e1eff
```
#4e1eff rgb(78,30,255)
```
#6237ff
```
#6237ff rgb(98,55,255)
```
#7651ff
```
#7651ff rgb(118,81,255)
```

Monochromatic Color

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

#040dff
```
#040dff rgb(4,13,255)
```
#1004ff
```
#1004ff rgb(16,4,255)
```
#2504ff
```
#2504ff rgb(37,4,255)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```
#4f04ff
```
#4f04ff rgb(79,4,255)
```
#6404ff
```
#6404ff rgb(100,4,255)
```
#7904ff
```
#7904ff rgb(121,4,255)
```

Similar Colors

Text with hexadecimal color #3a04ff

This text has a font color of #3a04ff.

<span style="color:#3a04ff;">Text here</span>

#3a04ff background color

This paragraph has a background color of #3a04ff.

<p style="background-color:#3a04ff;">Content here</p>

#3a04ff border color

This element has a border color of #3a04ff.

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

CSS codes

.text {color:#3a04ff;}

.background {background-color:#3a04ff;}

.border {border:1px solid #3a04ff;}

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

#010004
```
#010004 rgb(1,0,4)
```
#050018
```
#050018 rgb(5,0,24)
```
#09002b
```
#09002b rgb(9,0,43)
```
#0e003f
```
#0e003f rgb(14,0,63)
```
#120052
```
#120052 rgb(18,0,82)
```
#160066
```
#160066 rgb(22,0,102)
```
#1a007a
```
#1a007a rgb(26,0,122)
```
#1e008d
```
#1e008d rgb(30,0,141)
```
#2300a1
```
#2300a1 rgb(35,0,161)
```
#2700b5
```
#2700b5 rgb(39,0,181)
```
#2b00c8
```
#2b00c8 rgb(43,0,200)
```
#2f00dc
```
#2f00dc rgb(47,0,220)
```
#3400ef
```
#3400ef rgb(52,0,239)
```

Shade Color Variation

#3a04ff
```
#3a04ff rgb(58,4,255)
```
#4918ff
```
#4918ff rgb(73,24,255)
```
#592bff
```
#592bff rgb(89,43,255)
```
#683fff
```
#683fff rgb(104,63,255)
```
#7852ff
```
#7852ff rgb(120,82,255)
```
#8766ff
```
#8766ff rgb(135,102,255)
```
#967aff
```
#967aff rgb(150,122,255)
```
#a68dff
```
#a68dff rgb(166,141,255)
```
#b5a1ff
```
#b5a1ff rgb(181,161,255)
```
#c5b5ff
```
#c5b5ff rgb(197,181,255)
```
#d4c8ff
```
#d4c8ff rgb(212,200,255)
```
#e3dcff
```
#e3dcff rgb(227,220,255)
```
#f3efff
```
#f3efff rgb(243,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c788b is the less saturated color, while #3a04ff is the most saturated one.

#7c788b
```
#7c788b rgb(124,120,139)
```
#776e95
```
#776e95 rgb(119,110,149)
```
#71659e
```
#71659e rgb(113,101,158)
```
#6c5ba8
```
#6c5ba8 rgb(108,91,168)
```
#6651b2
```
#6651b2 rgb(102,81,178)
```
#6148bb
```
#6148bb rgb(97,72,187)
```
#5b3ec5
```
#5b3ec5 rgb(91,62,197)
```
#5634cf
```
#5634cf rgb(86,52,207)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#4b21e2
```
#4b21e2 rgb(75,33,226)
```
#4517ec
```
#4517ec rgb(69,23,236)
```
#400ef5
```
#400ef5 rgb(64,14,245)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```

Tone Color Variation

Below, you can see how #3a04ff 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

#313131 Achromatopsia 0.005% of the population
#33285a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1539c8 Protanomaly 1% of men, 0.01% of women
#153cb9 Deuteranomaly 6% of men, 0.4% of women
#15409e Tritanomaly 0.01% of the population

#3a04ff hex color

#3a04ff Color Information

#3a04ff Color Conversion

Color Schemes with #3a04ff

Alternatives to #3a04ff

#3a04ff Preview

Shades and Tints of #3a04ff

Tones of #3a04ff

Color Blindness Simulator