#3a3c5c hex color

In a RGB color space, hex #3a3c5c is composed of 22.7% red, 23.5% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 34.8% magenta, 0% yellow and 63.9% black. It has a hue angle of 236.5 degrees, a saturation of 22.7% and a lightness of 29.4%. #3a3c5c color hex could be obtained by blending #7478b8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 24
- B 36
RGB color chart
- C 37
- M 35
- Y 0
- K 64
CMYK color chart

● #3a3c5c color description : Very dark desaturated blue.

The hexadecimal color #3a3c5c has RGB values of R:58, G:60, B:92 and CMYK values of C:0.37, M:0.35, Y:0, K:0.64. Its decimal value is 3816540.

Hex triplet	3a3c5c	`#3a3c5c`
RGB Decimal	58, 60, 92	`rgb(58,60,92)`
RGB Percent	22.7, 23.5, 36.1	`rgb(22.7%,23.5%,36.1%)`
CMYK	37, 35, 0, 64
HSL	236.5°, 22.7, 29.4	`hsl(236.5,22.7%,29.4%)`
HSV (or HSB)	236.5°, 37, 36.1
Web Safe	333366	`#333366`

CIE-LAB	26.459, 7.914, -19.353
XYZ	5.292, 4.904, 10.792
xyY	0.252, 0.234, 4.904
CIE-LCH	26.459, 20.909, 292.242
CIE-LUV	26.459, -2.587, -24.607
Hunter-Lab	22.145, 3.905, -13.394
Binary	00111010, 00111100, 01011100

#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#5c5a3a
```
#5c5a3a rgb(92,90,58)
```

Complementary Color

#3a4d5c
```
#3a4d5c rgb(58,77,92)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#493a5c
```
#493a5c rgb(73,58,92)
```

Analogous Color

#4d5c3a
```
#4d5c3a rgb(77,92,58)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#5c493a
```
#5c493a rgb(92,73,58)
```

Split Complementary Color

#3c5c3a
```
#3c5c3a rgb(60,92,58)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#5c3a3c
```
#5c3a3c rgb(92,58,60)
```

Triadic Color

#3a5c5a
```
#3a5c5a rgb(58,92,90)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#5c3a3c
```
#5c3a3c rgb(92,58,60)
```
#5c5a3a
```
#5c5a3a rgb(92,90,58)
```

Tetradic Color

#1c1d2d
```
#1c1d2d rgb(28,29,45)
```
#26283d
```
#26283d rgb(38,40,61)
```
#30324c
```
#30324c rgb(48,50,76)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#44466c
```
#44466c rgb(68,70,108)
```
#4e507b
```
#4e507b rgb(78,80,123)
```
#585b8b
```
#585b8b rgb(88,91,139)
```

Monochromatic Color

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

#3a455c
```
#3a455c rgb(58,69,92)
```
#3a425c
```
#3a425c rgb(58,66,92)
```
#3a3f5c
```
#3a3f5c rgb(58,63,92)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#3b3a5c
```
#3b3a5c rgb(59,58,92)
```
#3e3a5c
```
#3e3a5c rgb(62,58,92)
```
#413a5c
```
#413a5c rgb(65,58,92)
```

Similar Colors

Text with hexadecimal color #3a3c5c

This text has a font color of #3a3c5c.

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

#3a3c5c background color

This paragraph has a background color of #3a3c5c.

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

#3a3c5c border color

This element has a border color of #3a3c5c.

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

CSS codes

.text {color:#3a3c5c;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0c0d14
```
#0c0d14 rgb(12,13,20)
```
#141520
```
#141520 rgb(20,21,32)
```
#1c1d2c
```
#1c1d2c rgb(28,29,44)
```
#232438
```
#232438 rgb(35,36,56)
```
#2b2c44
```
#2b2c44 rgb(43,44,68)
```
#323450
```
#323450 rgb(50,52,80)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#424468
```
#424468 rgb(66,68,104)
```
#494c74
```
#494c74 rgb(73,76,116)
```
#515480
```
#515480 rgb(81,84,128)
```
#585b8c
```
#585b8c rgb(88,91,140)
```
#606398
```
#606398 rgb(96,99,152)
```

Shade Color Variation

#6a6ea1
```
#6a6ea1 rgb(106,110,161)
```
#7679a9
```
#7679a9 rgb(118,121,169)
```
#8285b0
```
#8285b0 rgb(130,133,176)
```
#8e91b8
```
#8e91b8 rgb(142,145,184)
```
#9b9dc0
```
#9b9dc0 rgb(155,157,192)
```
#a7a8c7
```
#a7a8c7 rgb(167,168,199)
```
#b3b4cf
```
#b3b4cf rgb(179,180,207)
```
#bfc0d6
```
#bfc0d6 rgb(191,192,214)
```
#cbccde
```
#cbccde rgb(203,204,222)
```
#d7d8e6
```
#d7d8e6 rgb(215,216,230)
```
#e3e3ed
```
#e3e3ed rgb(227,227,237)
```
#efeff5
```
#efeff5 rgb(239,239,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#464650
```
#464650 rgb(70,70,80)
```
#404156
```
#404156 rgb(64,65,86)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```
#343762
```
#343762 rgb(52,55,98)
```
#2e3268
```
#2e3268 rgb(46,50,104)
```
#292d6d
```
#292d6d rgb(41,45,109)
```
#232873
```
#232873 rgb(35,40,115)
```
#1d2379
```
#1d2379 rgb(29,35,121)
```
#171d7f
```
#171d7f rgb(23,29,127)
```
#121884
```
#121884 rgb(18,24,132)
```
#0c138a
```
#0c138a rgb(12,19,138)
```
#060e90
```
#060e90 rgb(6,14,144)
```
#000996
```
#000996 rgb(0,9,150)
```

Tone Color Variation

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

Dichromacy

#3e4765 Protanopia 1% of men
#3d4763 Deuteranopia 1% of men
#3e4a4f Tritanopia 0.001% of the population

Trichromacy

#3c4362 Protanomaly 1% of men, 0.01% of women
#3c4360 Deuteranomaly 6% of men, 0.4% of women
#3c4554 Tritanomaly 0.01% of the population

#3a3c5c hex color

#3a3c5c Color Information

#3a3c5c Color Conversion

Color Schemes with #3a3c5c

Alternatives to #3a3c5c

#3a3c5c Preview

Shades and Tints of #3a3c5c

Tones of #3a3c5c

Color Blindness Simulator