#3a18a4 hex color

In a RGB color space, hex #3a18a4 is composed of 22.7% red, 9.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 85.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 254.6 degrees, a saturation of 74.5% and a lightness of 36.9%. #3a18a4 color hex could be obtained by blending #7430ff with #000049. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 23
- G 9
- B 64
RGB color chart
- C 65
- M 85
- Y 0
- K 36
CMYK color chart

● #3a18a4 color description : Dark blue.

The hexadecimal color #3a18a4 has RGB values of R:58, G:24, B:164 and CMYK values of C:0.65, M:0.85, Y:0, K:0.36. Its decimal value is 3807396.

Hex triplet	3a18a4	`#3a18a4`
RGB Decimal	58, 24, 164	`rgb(58,24,164)`
RGB Percent	22.7, 9.4, 64.3	`rgb(22.7%,9.4%,64.3%)`
CMYK	65, 85, 0, 36
HSL	254.6°, 74.5, 36.9	`hsl(254.6,74.5%,36.9%)`
HSV (or HSB)	254.6°, 85.4, 64.3
Web Safe	330099	`#330099`

CIE-LAB	24.427, 51.696, -67.919
XYZ	8.771, 4.233, 35.475
xyY	0.181, 0.087, 4.233
CIE-LCH	24.427, 85.355, 307.276
CIE-LUV	24.427, -0.474, -81.019
Hunter-Lab	20.574, 40.095, -87.83
Binary	00111010, 00011000, 10100100

#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#82a418
```
#82a418 rgb(130,164,24)
```

Complementary Color

#183ca4
```
#183ca4 rgb(24,60,164)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#8018a4
```
#8018a4 rgb(128,24,164)
```

Analogous Color

#3ca418
```
#3ca418 rgb(60,164,24)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#a48018
```
#a48018 rgb(164,128,24)
```

Split Complementary Color

#18a43a
```
#18a43a rgb(24,164,58)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#a43a18
```
#a43a18 rgb(164,58,24)
```

Triadic Color

#1882a4
```
#1882a4 rgb(24,130,164)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#a43a18
```
#a43a18 rgb(164,58,24)
```
#82a418
```
#82a418 rgb(130,164,24)
```

Tetradic Color

#220e61
```
#220e61 rgb(34,14,97)
```
#2a1178
```
#2a1178 rgb(42,17,120)
```
#32158e
```
#32158e rgb(50,21,142)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#421bba
```
#421bba rgb(66,27,186)
```
#4a1fd0
```
#4a1fd0 rgb(74,31,208)
```
#5529e0
```
#5529e0 rgb(85,41,224)
```

Monochromatic Color

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

#1819a4
```
#1819a4 rgb(24,25,164)
```
#2318a4
```
#2318a4 rgb(35,24,164)
```
#2e18a4
```
#2e18a4 rgb(46,24,164)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#4618a4
```
#4618a4 rgb(70,24,164)
```
#5118a4
```
#5118a4 rgb(81,24,164)
```
#5d18a4
```
#5d18a4 rgb(93,24,164)
```

Similar Colors

Text with hexadecimal color #3a18a4

This text has a font color of #3a18a4.

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

#3a18a4 background color

This paragraph has a background color of #3a18a4.

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

#3a18a4 border color

This element has a border color of #3a18a4.

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

CSS codes

.text {color:#3a18a4;}

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

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

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, #04010a is the darkest color, while #f9f8fe is the lightest one.

#04010a
```
#04010a rgb(4,1,10)
```
#0a041b
```
#0a041b rgb(10,4,27)
```
#10062c
```
#10062c rgb(16,6,44)
```
#16093d
```
#16093d rgb(22,9,61)
```
#1c0b4e
```
#1c0b4e rgb(28,11,78)
```
#220e60
```
#220e60 rgb(34,14,96)
```
#281071
```
#281071 rgb(40,16,113)
```
#2e1382
```
#2e1382 rgb(46,19,130)
```
#341593
```
#341593 rgb(52,21,147)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#401bb5
```
#401bb5 rgb(64,27,181)
```
#461dc6
```
#461dc6 rgb(70,29,198)
```
#4c20d7
```
#4c20d7 rgb(76,32,215)
```

Shade Color Variation

#572be0
```
#572be0 rgb(87,43,224)
```
#643ce2
```
#643ce2 rgb(100,60,226)
```
#724de5
```
#724de5 rgb(114,77,229)
```
#7f5ee7
```
#7f5ee7 rgb(127,94,231)
```
#8d6fea
```
#8d6fea rgb(141,111,234)
```
#9a80ec
```
#9a80ec rgb(154,128,236)
```
#a891ef
```
#a891ef rgb(168,145,239)
```
#b6a2f1
```
#b6a2f1 rgb(182,162,241)
```
#c3b3f4
```
#c3b3f4 rgb(195,179,244)
```
#d1c5f6
```
#d1c5f6 rgb(209,197,246)
```
#ded6f9
```
#ded6f9 rgb(222,214,249)
```
#ece7fb
```
#ece7fb rgb(236,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5963 is the less saturated color, while #2f02ba is the most saturated one.

#5b5963
```
#5b5963 rgb(91,89,99)
```
#58526a
```
#58526a rgb(88,82,106)
```
#544b71
```
#544b71 rgb(84,75,113)
```
#504379
```
#504379 rgb(80,67,121)
```
#4d3c80
```
#4d3c80 rgb(77,60,128)
```
#493587
```
#493587 rgb(73,53,135)
```
#452e8e
```
#452e8e rgb(69,46,142)
```
#412696
```
#412696 rgb(65,38,150)
```
#3e1f9d
```
#3e1f9d rgb(62,31,157)
```
#3a18a4
```
#3a18a4 rgb(58,24,164)
```
#3611ab
```
#3611ab rgb(54,17,171)
```
#330ab2
```
#330ab2 rgb(51,10,178)
```
#2f02ba
```
#2f02ba rgb(47,2,186)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#342d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#15328d Protanomaly 1% of men, 0.01% of women
#153582 Deuteranomaly 6% of men, 0.4% of women
#15386e Tritanomaly 0.01% of the population

#3a18a4 hex color

#3a18a4 Color Information

#3a18a4 Color Conversion

Color Schemes with #3a18a4

Alternatives to #3a18a4

#3a18a4 Preview

Shades and Tints of #3a18a4

Tones of #3a18a4

Color Blindness Simulator