#3a00d4 hex color

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

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

● #3a00d4 color description : Strong violet.

The hexadecimal color #3a00d4 has RGB values of R:58, G:0, B:212 and CMYK values of C:0.73, M:1, Y:0, K:0.17. Its decimal value is 3801300.

Hex triplet	3a00d4	`#3a00d4`
RGB Decimal	58, 0, 212	`rgb(58,0,212)`
RGB Percent	22.7, 0, 83.1	`rgb(22.7%,0%,83.1%)`
CMYK	73, 100, 0, 17
HSL	256.4°, 100, 41.6	`hsl(256.4,100%,41.6%)`
HSV (or HSB)	256.4°, 100, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.518, 69.801, -89.599
XYZ	13.626, 5.652, 62.657
xyY	0.166, 0.069, 5.652
CIE-LCH	28.518, 113.579, 307.92
CIE-LUV	28.518, -2.786, -107.773
Hunter-Lab	23.775, 60.701, -139.614
Binary	00111010, 00000000, 11010100

#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#9ad400
```
#9ad400 rgb(154,212,0)
```

Complementary Color

#0030d4
```
#0030d4 rgb(0,48,212)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#a400d4
```
#a400d4 rgb(164,0,212)
```

Analogous Color

#30d400
```
#30d400 rgb(48,212,0)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#d4a400
```
#d4a400 rgb(212,164,0)
```

Split Complementary Color

#00d43a
```
#00d43a rgb(0,212,58)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#d43a00
```
#d43a00 rgb(212,58,0)
```

Triadic Color

#009ad4
```
#009ad4 rgb(0,154,212)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#d43a00
```
#d43a00 rgb(212,58,0)
```
#9ad400
```
#9ad400 rgb(154,212,0)
```

Tetradic Color

#250088
```
#250088 rgb(37,0,136)
```
#2c00a1
```
#2c00a1 rgb(44,0,161)
```
#3300bb
```
#3300bb rgb(51,0,187)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#4100ee
```
#4100ee rgb(65,0,238)
```
#4c08ff
```
#4c08ff rgb(76,8,255)
```
#5e22ff
```
#5e22ff rgb(94,34,255)
```

Monochromatic Color

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

#0500d4
```
#0500d4 rgb(5,0,212)
```
#1700d4
```
#1700d4 rgb(23,0,212)
```
#2800d4
```
#2800d4 rgb(40,0,212)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#4c00d4
```
#4c00d4 rgb(76,0,212)
```
#5d00d4
```
#5d00d4 rgb(93,0,212)
```
#6f00d4
```
#6f00d4 rgb(111,0,212)
```

Similar Colors

Text with hexadecimal color #3a00d4

This text has a font color of #3a00d4.

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

#3a00d4 background color

This paragraph has a background color of #3a00d4.

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

#3a00d4 border color

This element has a border color of #3a00d4.

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

CSS codes

.text {color:#3a00d4;}

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

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

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

#040010
```
#040010 rgb(4,0,16)
```
#0a0023
```
#0a0023 rgb(10,0,35)
```
#0f0037
```
#0f0037 rgb(15,0,55)
```
#14004b
```
#14004b rgb(20,0,75)
```
#1a005e
```
#1a005e rgb(26,0,94)
```
#1f0072
```
#1f0072 rgb(31,0,114)
```
#250086
```
#250086 rgb(37,0,134)
```
#2a0099
```
#2a0099 rgb(42,0,153)
```
#2f00ad
```
#2f00ad rgb(47,0,173)
```
#3500c0
```
#3500c0 rgb(53,0,192)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```
#3f00e8
```
#3f00e8 rgb(63,0,232)
```
#4500fb
```
#4500fb rgb(69,0,251)
```

Shade Color Variation

#5110ff
```
#5110ff rgb(81,16,255)
```
#6023ff
```
#6023ff rgb(96,35,255)
```
#6e37ff
```
#6e37ff rgb(110,55,255)
```
#7c4bff
```
#7c4bff rgb(124,75,255)
```
#8a5eff
```
#8a5eff rgb(138,94,255)
```
#9972ff
```
#9972ff rgb(153,114,255)
```
#a786ff
```
#a786ff rgb(167,134,255)
```
#b599ff
```
#b599ff rgb(181,153,255)
```
#c3adff
```
#c3adff rgb(195,173,255)
```
#d2c0ff
```
#d2c0ff rgb(210,192,255)
```
#e0d4ff
```
#e0d4ff rgb(224,212,255)
```
#eee8ff
```
#eee8ff rgb(238,232,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#666272
```
#666272 rgb(102,98,114)
```
#635a7a
```
#635a7a rgb(99,90,122)
```
#5f5282
```
#5f5282 rgb(95,82,130)
```
#5b498b
```
#5b498b rgb(91,73,139)
```
#584193
```
#584193 rgb(88,65,147)
```
#54399b
```
#54399b rgb(84,57,155)
```
#5031a3
```
#5031a3 rgb(80,49,163)
```
#4c29ab
```
#4c29ab rgb(76,41,171)
```
#4921b3
```
#4921b3 rgb(73,33,179)
```
#4518bc
```
#4518bc rgb(69,24,188)
```
#4110c4
```
#4110c4 rgb(65,16,196)
```
#3e08cc
```
#3e08cc rgb(62,8,204)
```
#3a00d4
```
#3a00d4 rgb(58,0,212)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2d224c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005458 Tritanopia 0.001% of the population

Trichromacy

#152fa9 Protanomaly 1% of men, 0.01% of women
#15329c Deuteranomaly 6% of men, 0.4% of women
#153585 Tritanomaly 0.01% of the population

#3a00d4 hex color

#3a00d4 Color Information

#3a00d4 Color Conversion

Color Schemes with #3a00d4

Alternatives to #3a00d4

#3a00d4 Preview

Shades and Tints of #3a00d4

Tones of #3a00d4

Color Blindness Simulator