#3a358a hex color

In a RGB color space, hex #3a358a is composed of 22.7% red, 20.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 61.6% magenta, 0% yellow and 45.9% black. It has a hue angle of 243.5 degrees, a saturation of 44.5% and a lightness of 37.5%. #3a358a color hex could be obtained by blending #746aff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 21
- B 54
RGB color chart
- C 58
- M 62
- Y 0
- K 46
CMYK color chart

● #3a358a color description : Dark moderate blue.

The hexadecimal color #3a358a has RGB values of R:58, G:53, B:138 and CMYK values of C:0.58, M:0.62, Y:0, K:0.46. Its decimal value is 3814794.

Hex triplet	3a358a	`#3a358a`
RGB Decimal	58, 53, 138	`rgb(58,53,138)`
RGB Percent	22.7, 20.8, 54.1	`rgb(22.7%,20.8%,54.1%)`
CMYK	58, 62, 0, 46
HSL	243.5°, 44.5, 37.5	`hsl(243.5,44.5%,37.5%)`
HSV (or HSB)	243.5°, 61.6, 54.1
Web Safe	333399	`#333399`

CIE-LAB	27.519, 27.868, -46.88
XYZ	7.605, 5.28, 24.662
xyY	0.203, 0.141, 5.28
CIE-LCH	27.519, 54.538, 300.73
CIE-LUV	27.519, -3.101, -61.813
Hunter-Lab	22.979, 18.858, -47.546
Binary	00111010, 00110101, 10001010

#3a358a
```
#3a358a rgb(58,53,138)
```
#858a35
```
#858a35 rgb(133,138,53)
```

Complementary Color

#355b8a
```
#355b8a rgb(53,91,138)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#65358a
```
#65358a rgb(101,53,138)
```

Analogous Color

#5b8a35
```
#5b8a35 rgb(91,138,53)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#8a6535
```
#8a6535 rgb(138,101,53)
```

Split Complementary Color

#358a3a
```
#358a3a rgb(53,138,58)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#8a3a35
```
#8a3a35 rgb(138,58,53)
```

Triadic Color

#35858a
```
#35858a rgb(53,133,138)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#8a3a35
```
#8a3a35 rgb(138,58,53)
```
#858a35
```
#858a35 rgb(133,138,53)
```

Tetradic Color

#232053
```
#232053 rgb(35,32,83)
```
#2b2765
```
#2b2765 rgb(43,39,101)
```
#322e78
```
#322e78 rgb(50,46,120)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#423c9c
```
#423c9c rgb(66,60,156)
```
#4943af
```
#4943af rgb(73,67,175)
```
#5650bc
```
#5650bc rgb(86,80,188)
```

Monochromatic Color

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

#35458a
```
#35458a rgb(53,69,138)
```
#353e8a
```
#353e8a rgb(53,62,138)
```
#35378a
```
#35378a rgb(53,55,138)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#41358a
```
#41358a rgb(65,53,138)
```
#48358a
```
#48358a rgb(72,53,138)
```
#4f358a
```
#4f358a rgb(79,53,138)
```

Similar Colors

Text with hexadecimal color #3a358a

This text has a font color of #3a358a.

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

#3a358a background color

This paragraph has a background color of #3a358a.

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

#3a358a border color

This element has a border color of #3a358a.

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

CSS codes

.text {color:#3a358a;}

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

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

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

#04040a
```
#04040a rgb(4,4,10)
```
#0a0919
```
#0a0919 rgb(10,9,25)
```
#100f27
```
#100f27 rgb(16,15,39)
```
#161435
```
#161435 rgb(22,20,53)
```
#1c1a43
```
#1c1a43 rgb(28,26,67)
```
#221f51
```
#221f51 rgb(34,31,81)
```
#28255f
```
#28255f rgb(40,37,95)
```
#2e2a6e
```
#2e2a6e rgb(46,42,110)
```
#34307c
```
#34307c rgb(52,48,124)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#403a98
```
#403a98 rgb(64,58,152)
```
#4640a6
```
#4640a6 rgb(70,64,166)
```
#4c45b5
```
#4c45b5 rgb(76,69,181)
```

Shade Color Variation

#5851bc
```
#5851bc rgb(88,81,188)
```
#655fc2
```
#655fc2 rgb(101,95,194)
```
#736ec7
```
#736ec7 rgb(115,110,199)
```
#807ccd
```
#807ccd rgb(128,124,205)
```
#8e8ad2
```
#8e8ad2 rgb(142,138,210)
```
#9c98d7
```
#9c98d7 rgb(156,152,215)
```
#a9a6dd
```
#a9a6dd rgb(169,166,221)
```
#b7b4e2
```
#b7b4e2 rgb(183,180,226)
```
#c5c3e8
```
#c5c3e8 rgb(197,195,232)
```
#d2d1ed
```
#d2d1ed rgb(210,209,237)
```
#e0dff3
```
#e0dff3 rgb(224,223,243)
```
#eeedf8
```
#eeedf8 rgb(238,237,248)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#5a5a65
```
#5a5a65 rgb(90,90,101)
```
#54526d
```
#54526d rgb(84,82,109)
```
#4d4b74
```
#4d4b74 rgb(77,75,116)
```
#47447b
```
#47447b rgb(71,68,123)
```
#403c83
```
#403c83 rgb(64,60,131)
```
#3a358a
```
#3a358a rgb(58,53,138)
```
#342e91
```
#342e91 rgb(52,46,145)
```
#2d2699
```
#2d2699 rgb(45,38,153)
```
#271fa0
```
#271fa0 rgb(39,31,160)
```
#2018a7
```
#2018a7 rgb(32,24,167)
```
#1a10af
```
#1a10af rgb(26,16,175)
```
#1309b6
```
#1309b6 rgb(19,9,182)
```
#0d02bd
```
#0d02bd rgb(13,2,189)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3f3e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488e Protanopia 1% of men
#004c7d Deuteranopia 1% of men
#265056 Tritanopia 0.001% of the population

Trichromacy

#15418c Protanomaly 1% of men, 0.01% of women
#154381 Deuteranomaly 6% of men, 0.4% of women
#2d4669 Tritanomaly 0.01% of the population

#3a358a hex color

#3a358a Color Information

#3a358a Color Conversion

Color Schemes with #3a358a

Alternatives to #3a358a

#3a358a Preview

Shades and Tints of #3a358a

Tones of #3a358a

Color Blindness Simulator