#3a00ff hex color

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

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

● #3a00ff color description : Pure (or mostly pure) blue.

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

Hex triplet	3a00ff	`#3a00ff`
RGB Decimal	58, 0, 255	`rgb(58,0,255)`
RGB Percent	22.7, 0, 100	`rgb(22.7%,0%,100%)`
CMYK	77, 100, 0, 0
HSL	253.6°, 100, 50	`hsl(253.6,100%,50%)`
HSV (or HSB)	253.6°, 100, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.228, 79.857, -104.595
XYZ	19.791, 8.118, 95.126
xyY	0.161, 0.066, 8.118
CIE-LCH	34.228, 131.595, 307.361
CIE-LUV	34.228, -5.525, -132.245
Hunter-Lab	28.493, 74.126, -178.002
Binary	00111010, 00000000, 11111111

#3a00ff
```
#3a00ff rgb(58,0,255)
```
#c5ff00
```
#c5ff00 rgb(197,255,0)
```

Complementary Color

#0046ff
```
#0046ff rgb(0,70,255)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```
#ba00ff
```
#ba00ff rgb(186,0,255)
```

Analogous Color

#46ff00
```
#46ff00 rgb(70,255,0)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```
#ffba00
```
#ffba00 rgb(255,186,0)
```

Split Complementary Color

#00ff3a
```
#00ff3a rgb(0,255,58)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```
#ff3a00
```
#ff3a00 rgb(255,58,0)
```

Triadic Color

#00c5ff
```
#00c5ff rgb(0,197,255)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```
#ff3a00
```
#ff3a00 rgb(255,58,0)
```
#c5ff00
```
#c5ff00 rgb(197,255,0)
```

Tetradic Color

#2900b3
```
#2900b3 rgb(41,0,179)
```
#2e00cc
```
#2e00cc rgb(46,0,204)
```
#3400e6
```
#3400e6 rgb(52,0,230)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```
#4e1aff
```
#4e1aff rgb(78,26,255)
```
#6133ff
```
#6133ff rgb(97,51,255)
```
#754dff
```
#754dff rgb(117,77,255)
```

Monochromatic Color

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

#0006ff
```
#0006ff rgb(0,6,255)
```
#0f00ff
```
#0f00ff rgb(15,0,255)
```
#2500ff
```
#2500ff rgb(37,0,255)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```
#4f00ff
```
#4f00ff rgb(79,0,255)
```
#6500ff
```
#6500ff rgb(101,0,255)
```
#7a00ff
```
#7a00ff rgb(122,0,255)
```

Similar Colors

Text with hexadecimal color #3a00ff

This text has a font color of #3a00ff.

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

#3a00ff background color

This paragraph has a background color of #3a00ff.

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

#3a00ff border color

This element has a border color of #3a00ff.

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

CSS codes

.text {color:#3a00ff;}

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

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

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

#040014
```
#040014 rgb(4,0,20)
```
#090027
```
#090027 rgb(9,0,39)
```
#0d003b
```
#0d003b rgb(13,0,59)
```
#12004e
```
#12004e rgb(18,0,78)
```
#160062
```
#160062 rgb(22,0,98)
```
#1b0076
```
#1b0076 rgb(27,0,118)
```
#1f0089
```
#1f0089 rgb(31,0,137)
```
#24009d
```
#24009d rgb(36,0,157)
```
#2800b1
```
#2800b1 rgb(40,0,177)
```
#2d00c4
```
#2d00c4 rgb(45,0,196)
```
#3100d8
```
#3100d8 rgb(49,0,216)
```
#3600eb
```
#3600eb rgb(54,0,235)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```

Shade Color Variation

#4914ff
```
#4914ff rgb(73,20,255)
```
#5827ff
```
#5827ff rgb(88,39,255)
```
#673bff
```
#673bff rgb(103,59,255)
```
#774eff
```
#774eff rgb(119,78,255)
```
#8662ff
```
#8662ff rgb(134,98,255)
```
#9576ff
```
#9576ff rgb(149,118,255)
```
#a489ff
```
#a489ff rgb(164,137,255)
```
#b39dff
```
#b39dff rgb(179,157,255)
```
#c2b1ff
```
#c2b1ff rgb(194,177,255)
```
#d2c4ff
```
#d2c4ff rgb(210,196,255)
```
#e1d8ff
```
#e1d8ff rgb(225,216,255)
```
#f0ebff
```
#f0ebff rgb(240,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a7689
```
#7a7689 rgb(122,118,137)
```
#756c93
```
#756c93 rgb(117,108,147)
```
#6f629d
```
#6f629d rgb(111,98,157)
```
#6a58a7
```
#6a58a7 rgb(106,88,167)
```
#654eb1
```
#654eb1 rgb(101,78,177)
```
#5f45ba
```
#5f45ba rgb(95,69,186)
```
#5a3bc4
```
#5a3bc4 rgb(90,59,196)
```
#5531ce
```
#5531ce rgb(85,49,206)
```
#4f27d8
```
#4f27d8 rgb(79,39,216)
```
#4a1de2
```
#4a1de2 rgb(74,29,226)
```
#4514eb
```
#4514eb rgb(69,20,235)
```
#3f0af5
```
#3f0af5 rgb(63,10,245)
```
#3a00ff
```
#3a00ff rgb(58,0,255)
```

Tone Color Variation

Below, you can see how #3a00ff 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
#302558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1537c8 Protanomaly 1% of men, 0.01% of women
#153ab9 Deuteranomaly 6% of men, 0.4% of women
#153e9e Tritanomaly 0.01% of the population

#3a00ff hex color

#3a00ff Color Information

#3a00ff Color Conversion

Color Schemes with #3a00ff

Alternatives to #3a00ff

#3a00ff Preview

Shades and Tints of #3a00ff

Tones of #3a00ff

Color Blindness Simulator