#3a00b4 hex color

In a RGB color space, hex #3a00b4 is composed of 22.7% red, 0% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 100% magenta, 0% yellow and 29.4% black. It has a hue angle of 259.3 degrees, a saturation of 100% and a lightness of 35.3%. #3a00b4 color hex could be obtained by blending #7400ff with #000069. Closest websafe color is: #3300cc.

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

● #3a00b4 color description : Strong violet.

The hexadecimal color #3a00b4 has RGB values of R:58, G:0, B:180 and CMYK values of C:0.68, M:1, Y:0, K:0.29. Its decimal value is 3801268.

Hex triplet	3a00b4	`#3a00b4`
RGB Decimal	58, 0, 180	`rgb(58,0,180)`
RGB Percent	22.7, 0, 70.6	`rgb(22.7%,0%,70.6%)`
CMYK	68, 100, 0, 29
HSL	259.3°, 100, 35.3	`hsl(259.3,100%,35.3%)`
HSV (or HSB)	259.3°, 100, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.304, 62.174, -77.768
XYZ	9.982, 4.194, 43.461
xyY	0.173, 0.073, 4.194
CIE-LCH	24.304, 99.566, 308.642
CIE-LUV	24.304, -0.452, -89.299
Hunter-Lab	20.48, 51.156, -111.483
Binary	00111010, 00000000, 10110100

#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#7ab400
```
#7ab400 rgb(122,180,0)
```

Complementary Color

#0020b4
```
#0020b4 rgb(0,32,180)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#9400b4
```
#9400b4 rgb(148,0,180)
```

Analogous Color

#20b400
```
#20b400 rgb(32,180,0)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#b49400
```
#b49400 rgb(180,148,0)
```

Split Complementary Color

#00b43a
```
#00b43a rgb(0,180,58)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#b43a00
```
#b43a00 rgb(180,58,0)
```

Triadic Color

#007ab4
```
#007ab4 rgb(0,122,180)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#b43a00
```
#b43a00 rgb(180,58,0)
```
#7ab400
```
#7ab400 rgb(122,180,0)
```

Tetradic Color

#210068
```
#210068 rgb(33,0,104)
```
#2a0081
```
#2a0081 rgb(42,0,129)
```
#32009b
```
#32009b rgb(50,0,155)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#4200ce
```
#4200ce rgb(66,0,206)
```
#4a00e7
```
#4a00e7 rgb(74,0,231)
```
#5301ff
```
#5301ff rgb(83,1,255)
```

Monochromatic Color

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

#0d00b4
```
#0d00b4 rgb(13,0,180)
```
#1c00b4
```
#1c00b4 rgb(28,0,180)
```
#2b00b4
```
#2b00b4 rgb(43,0,180)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#4900b4
```
#4900b4 rgb(73,0,180)
```
#5800b4
```
#5800b4 rgb(88,0,180)
```
#6700b4
```
#6700b4 rgb(103,0,180)
```

Similar Colors

Text with hexadecimal color #3a00b4

This text has a font color of #3a00b4.

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

#3a00b4 background color

This paragraph has a background color of #3a00b4.

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

#3a00b4 border color

This element has a border color of #3a00b4.

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

CSS codes

.text {color:#3a00b4;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#070017
```
#070017 rgb(7,0,23)
```
#0e002b
```
#0e002b rgb(14,0,43)
```
#14003e
```
#14003e rgb(20,0,62)
```
#1a0052
```
#1a0052 rgb(26,0,82)
```
#210066
```
#210066 rgb(33,0,102)
```
#270079
```
#270079 rgb(39,0,121)
```
#2d008d
```
#2d008d rgb(45,0,141)
```
#3400a0
```
#3400a0 rgb(52,0,160)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```
#4000c8
```
#4000c8 rgb(64,0,200)
```
#4700db
```
#4700db rgb(71,0,219)
```
#4d00ef
```
#4d00ef rgb(77,0,239)
```

Shade Color Variation

#5503ff
```
#5503ff rgb(85,3,255)
```
#6217ff
```
#6217ff rgb(98,23,255)
```
#6f2bff
```
#6f2bff rgb(111,43,255)
```
#7c3eff
```
#7c3eff rgb(124,62,255)
```
#8a52ff
```
#8a52ff rgb(138,82,255)
```
#9766ff
```
#9766ff rgb(151,102,255)
```
#a479ff
```
#a479ff rgb(164,121,255)
```
#b28dff
```
#b28dff rgb(178,141,255)
```
#bfa0ff
```
#bfa0ff rgb(191,160,255)
```
#ccb4ff
```
#ccb4ff rgb(204,180,255)
```
#d9c8ff
```
#d9c8ff rgb(217,200,255)
```
#e7dbff
```
#e7dbff rgb(231,219,255)
```
#f4efff
```
#f4efff rgb(244,239,255)
```

Tint Color Variation

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

#585361
```
#585361 rgb(88,83,97)
```
#554c68
```
#554c68 rgb(85,76,104)
```
#53456f
```
#53456f rgb(83,69,111)
```
#503e76
```
#503e76 rgb(80,62,118)
```
#4e377d
```
#4e377d rgb(78,55,125)
```
#4b3084
```
#4b3084 rgb(75,48,132)
```
#492a8a
```
#492a8a rgb(73,42,138)
```
#462391
```
#462391 rgb(70,35,145)
```
#441c98
```
#441c98 rgb(68,28,152)
```
#41159f
```
#41159f rgb(65,21,159)
```
#3f0ea6
```
#3f0ea6 rgb(63,14,166)
```
#3c07ad
```
#3c07ad rgb(60,7,173)
```
#3a00b4
```
#3a00b4 rgb(58,0,180)
```

Tone Color Variation

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

Dichromacy

#004280 Protanopia 1% of men
#00466e Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#152a93 Protanomaly 1% of men, 0.01% of women
#152c87 Deuteranomaly 6% of men, 0.4% of women
#152f73 Tritanomaly 0.01% of the population

#3a00b4 hex color

#3a00b4 Color Information

#3a00b4 Color Conversion

Color Schemes with #3a00b4

Alternatives to #3a00b4

#3a00b4 Preview

Shades and Tints of #3a00b4

Tones of #3a00b4

Color Blindness Simulator