#3a3874 hex color

In a RGB color space, hex #3a3874 is composed of 22.7% red, 22% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 51.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 242 degrees, a saturation of 34.9% and a lightness of 33.7%. #3a3874 color hex could be obtained by blending #7470e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 22
- B 45
RGB color chart
- C 50
- M 52
- Y 0
- K 55
CMYK color chart

● #3a3874 color description : Dark moderate blue.

The hexadecimal color #3a3874 has RGB values of R:58, G:56, B:116 and CMYK values of C:0.5, M:0.52, Y:0, K:0.55. Its decimal value is 3815540.

Hex triplet	3a3874	`#3a3874`
RGB Decimal	58, 56, 116	`rgb(58,56,116)`
RGB Percent	22.7, 22, 45.5	`rgb(22.7%,22%,45.5%)`
CMYK	50, 52, 0, 55
HSL	242°, 34.9, 33.7	`hsl(242,34.9%,33.7%)`
HSV (or HSB)	242°, 51.7, 45.5
Web Safe	333366	`#333366`

CIE-LAB	26.702, 18.404, -34.39
XYZ	6.311, 4.989, 17.152
xyY	0.222, 0.175, 4.989
CIE-LCH	26.702, 39.005, 298.154
CIE-LUV	26.702, -2.591, -45.035
Hunter-Lab	22.335, 11.349, -29.897
Binary	00111010, 00111000, 01110100

#3a3874
```
#3a3874 rgb(58,56,116)
```
#727438
```
#727438 rgb(114,116,56)
```

Complementary Color

#385474
```
#385474 rgb(56,84,116)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#583874
```
#583874 rgb(88,56,116)
```

Analogous Color

#547438
```
#547438 rgb(84,116,56)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#745838
```
#745838 rgb(116,88,56)
```

Split Complementary Color

#38743a
```
#38743a rgb(56,116,58)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#743a38
```
#743a38 rgb(116,58,56)
```

Triadic Color

#387274
```
#387274 rgb(56,114,116)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#743a38
```
#743a38 rgb(116,58,56)
```
#727438
```
#727438 rgb(114,116,56)
```

Tetradic Color

#201f40
```
#201f40 rgb(32,31,64)
```
#292752
```
#292752 rgb(41,39,82)
```
#313063
```
#313063 rgb(49,48,99)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#434085
```
#434085 rgb(67,64,133)
```
#4b4996
```
#4b4996 rgb(75,73,150)
```
#5451a8
```
#5451a8 rgb(84,81,168)
```

Monochromatic Color

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

#384574
```
#384574 rgb(56,69,116)
```
#384074
```
#384074 rgb(56,64,116)
```
#383b74
```
#383b74 rgb(56,59,116)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#3f3874
```
#3f3874 rgb(63,56,116)
```
#443874
```
#443874 rgb(68,56,116)
```
#493874
```
#493874 rgb(73,56,116)
```

Similar Colors

Text with hexadecimal color #3a3874

This text has a font color of #3a3874.

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

#3a3874 background color

This paragraph has a background color of #3a3874.

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

#3a3874 border color

This element has a border color of #3a3874.

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

CSS codes

.text {color:#3a3874;}

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

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

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

#05050a
```
#05050a rgb(5,5,10)
```
#0c0b17
```
#0c0b17 rgb(12,11,23)
```
#121225
```
#121225 rgb(18,18,37)
```
#191832
```
#191832 rgb(25,24,50)
```
#201e3f
```
#201e3f rgb(32,30,63)
```
#26254c
```
#26254c rgb(38,37,76)
```
#2d2b5a
```
#2d2b5a rgb(45,43,90)
```
#333267
```
#333267 rgb(51,50,103)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#413e81
```
#413e81 rgb(65,62,129)
```
#47458e
```
#47458e rgb(71,69,142)
```
#4e4b9c
```
#4e4b9c rgb(78,75,156)
```
#5452a9
```
#5452a9 rgb(84,82,169)
```

Shade Color Variation

#605db1
```
#605db1 rgb(96,93,177)
```
#6d6ab7
```
#6d6ab7 rgb(109,106,183)
```
#7a78be
```
#7a78be rgb(122,120,190)
```
#8785c4
```
#8785c4 rgb(135,133,196)
```
#9492ca
```
#9492ca rgb(148,146,202)
```
#a19fd1
```
#a19fd1 rgb(161,159,209)
```
#aeadd7
```
#aeadd7 rgb(174,173,215)
```
#bbbade
```
#bbbade rgb(187,186,222)
```
#c8c7e4
```
#c8c7e4 rgb(200,199,228)
```
#d5d4ea
```
#d5d4ea rgb(213,212,234)
```
#e2e1f1
```
#e2e1f1 rgb(226,225,241)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53525a is the less saturated color, while #0903a9 is the most saturated one.

#53525a
```
#53525a rgb(83,82,90)
```
#4d4c60
```
#4d4c60 rgb(77,76,96)
```
#464567
```
#464567 rgb(70,69,103)
```
#403f6d
```
#403f6d rgb(64,63,109)
```
#3a3874
```
#3a3874 rgb(58,56,116)
```
#34317b
```
#34317b rgb(52,49,123)
```
#2e2b81
```
#2e2b81 rgb(46,43,129)
```
#272488
```
#272488 rgb(39,36,136)
```
#211e8e
```
#211e8e rgb(33,30,142)
```
#1b1795
```
#1b1795 rgb(27,23,149)
```
#15109c
```
#15109c rgb(21,16,156)
```
#0f0aa2
```
#0f0aa2 rgb(15,10,162)
```
#0903a9
```
#0903a9 rgb(9,3,169)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3e3e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#29477f Protanopia 1% of men
#1e4978 Deuteranopia 1% of men
#354c52 Tritanopia 0.001% of the population

Trichromacy

#2f417b Protanomaly 1% of men, 0.01% of women
#284376 Deuteranomaly 6% of men, 0.4% of women
#36455e Tritanomaly 0.01% of the population

#3a3874 hex color

#3a3874 Color Information

#3a3874 Color Conversion

Color Schemes with #3a3874

Alternatives to #3a3874

#3a3874 Preview

Shades and Tints of #3a3874

Tones of #3a3874

Color Blindness Simulator