#3a308e hex color

In a RGB color space, hex #3a308e is composed of 22.7% red, 18.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 66.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 246.4 degrees, a saturation of 49.5% and a lightness of 37.3%. #3a308e color hex could be obtained by blending #7460ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 19
- B 56
RGB color chart
- C 59
- M 66
- Y 0
- K 44
CMYK color chart

● #3a308e color description : Dark moderate blue.

The hexadecimal color #3a308e has RGB values of R:58, G:48, B:142 and CMYK values of C:0.59, M:0.66, Y:0, K:0.44. Its decimal value is 3813518.

Hex triplet	3a308e	`#3a308e`
RGB Decimal	58, 48, 142	`rgb(58,48,142)`
RGB Percent	22.7, 18.8, 55.7	`rgb(22.7%,18.8%,55.7%)`
CMYK	59, 66, 0, 44
HSL	246.4°, 49.5, 37.3	`hsl(246.4,49.5%,37.3%)`
HSV (or HSB)	246.4°, 66.2, 55.7
Web Safe	333399	`#333399`

CIE-LAB	26.638, 32.408, -50.793
XYZ	7.683, 4.966, 26.143
xyY	0.198, 0.128, 4.966
CIE-LCH	26.638, 60.252, 302.539
CIE-LUV	26.638, -2.244, -65.811
Hunter-Lab	22.285, 22.545, -53.956
Binary	00111010, 00110000, 10001110

#3a308e
```
#3a308e rgb(58,48,142)
```
#848e30
```
#848e30 rgb(132,142,48)
```

Complementary Color

#30558e
```
#30558e rgb(48,85,142)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#69308e
```
#69308e rgb(105,48,142)
```

Analogous Color

#558e30
```
#558e30 rgb(85,142,48)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#8e6930
```
#8e6930 rgb(142,105,48)
```

Split Complementary Color

#308e3a
```
#308e3a rgb(48,142,58)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#8e3a30
```
#8e3a30 rgb(142,58,48)
```

Triadic Color

#30848e
```
#30848e rgb(48,132,142)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#8e3a30
```
#8e3a30 rgb(142,58,48)
```
#848e30
```
#848e30 rgb(132,142,48)
```

Tetradic Color

#231d55
```
#231d55 rgb(35,29,85)
```
#2a2368
```
#2a2368 rgb(42,35,104)
```
#322a7b
```
#322a7b rgb(50,42,123)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#4236a1
```
#4236a1 rgb(66,54,161)
```
#4a3db4
```
#4a3db4 rgb(74,61,180)
```
#5649c1
```
#5649c1 rgb(86,73,193)
```

Monochromatic Color

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

#303e8e
```
#303e8e rgb(48,62,142)
```
#30368e
```
#30368e rgb(48,54,142)
```
#32308e
```
#32308e rgb(50,48,142)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#42308e
```
#42308e rgb(66,48,142)
```
#4a308e
```
#4a308e rgb(74,48,142)
```
#51308e
```
#51308e rgb(81,48,142)
```

Similar Colors

Text with hexadecimal color #3a308e

This text has a font color of #3a308e.

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

#3a308e background color

This paragraph has a background color of #3a308e.

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

#3a308e border color

This element has a border color of #3a308e.

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

CSS codes

.text {color:#3a308e;}

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

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

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

#04030a
```
#04030a rgb(4,3,10)
```
#0a0819
```
#0a0819 rgb(10,8,25)
```
#100d27
```
#100d27 rgb(16,13,39)
```
#161236
```
#161236 rgb(22,18,54)
```
#1c1745
```
#1c1745 rgb(28,23,69)
```
#221c53
```
#221c53 rgb(34,28,83)
```
#282162
```
#282162 rgb(40,33,98)
```
#2e2671
```
#2e2671 rgb(46,38,113)
```
#342b7f
```
#342b7f rgb(52,43,127)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#40359d
```
#40359d rgb(64,53,157)
```
#463aab
```
#463aab rgb(70,58,171)
```
#4c3fba
```
#4c3fba rgb(76,63,186)
```

Shade Color Variation

#574ac2
```
#574ac2 rgb(87,74,194)
```
#6559c7
```
#6559c7 rgb(101,89,199)
```
#7268cc
```
#7268cc rgb(114,104,204)
```
#8076d1
```
#8076d1 rgb(128,118,209)
```
#8e85d6
```
#8e85d6 rgb(142,133,214)
```
#9b94db
```
#9b94db rgb(155,148,219)
```
#a9a2e0
```
#a9a2e0 rgb(169,162,224)
```
#b7b1e5
```
#b7b1e5 rgb(183,177,229)
```
#c4c0ea
```
#c4c0ea rgb(196,192,234)
```
#d2ceef
```
#d2ceef rgb(210,206,239)
```
#dfddf4
```
#dfddf4 rgb(223,221,244)
```
#edecf8
```
#edecf8 rgb(237,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#5d5c62
```
#5d5c62 rgb(93,92,98)
```
#575569
```
#575569 rgb(87,85,105)
```
#514d71
```
#514d71 rgb(81,77,113)
```
#4b4678
```
#4b4678 rgb(75,70,120)
```
#463f7f
```
#463f7f rgb(70,63,127)
```
#403787
```
#403787 rgb(64,55,135)
```
#3a308e
```
#3a308e rgb(58,48,142)
```
#342995
```
#342995 rgb(52,41,149)
```
#2e219d
```
#2e219d rgb(46,33,157)
```
#291aa4
```
#291aa4 rgb(41,26,164)
```
#2313ab
```
#2313ab rgb(35,19,171)
```
#1d0bb3
```
#1d0bb3 rgb(29,11,179)
```
#1704ba
```
#1704ba rgb(23,4,186)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3d3b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#204f54 Tritanopia 0.001% of the population

Trichromacy

#153e8b Protanomaly 1% of men, 0.01% of women
#154080 Deuteranomaly 6% of men, 0.4% of women
#294369 Tritanomaly 0.01% of the population

#3a308e hex color

#3a308e Color Information

#3a308e Color Conversion

Color Schemes with #3a308e

Alternatives to #3a308e

#3a308e Preview

Shades and Tints of #3a308e

Tones of #3a308e

Color Blindness Simulator