#3a445c hex color

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

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

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

The hexadecimal color #3a445c has RGB values of R:58, G:68, B:92 and CMYK values of C:0.37, M:0.26, Y:0, K:0.64. Its decimal value is 3818588.

Hex triplet	3a445c	`#3a445c`
RGB Decimal	58, 68, 92	`rgb(58,68,92)`
RGB Percent	22.7, 26.7, 36.1	`rgb(22.7%,26.7%,36.1%)`
CMYK	37, 26, 0, 64
HSL	222.4°, 22.7, 29.4	`hsl(222.4,22.7%,29.4%)`
HSV (or HSB)	222.4°, 37, 36.1
Web Safe	333366	`#333366`

CIE-LAB	28.919, 2.592, -15.541
XYZ	5.743, 5.806, 10.943
xyY	0.255, 0.258, 5.806
CIE-LCH	28.919, 15.755, 279.471
CIE-LUV	28.919, -5.649, -19.736
Hunter-Lab	24.096, 0.377, -10.058
Binary	00111010, 01000100, 01011100

#3a445c
```
#3a445c rgb(58,68,92)
```
#5c523a
```
#5c523a rgb(92,82,58)
```

Complementary Color

#3a555c
```
#3a555c rgb(58,85,92)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#413a5c
```
#413a5c rgb(65,58,92)
```

Analogous Color

#555c3a
```
#555c3a rgb(85,92,58)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#5c413a
```
#5c413a rgb(92,65,58)
```

Split Complementary Color

#445c3a
```
#445c3a rgb(68,92,58)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#5c3a44
```
#5c3a44 rgb(92,58,68)
```

Triadic Color

#3a5c52
```
#3a5c52 rgb(58,92,82)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#5c3a44
```
#5c3a44 rgb(92,58,68)
```
#5c523a
```
#5c523a rgb(92,82,58)
```

Tetradic Color

#1c212d
```
#1c212d rgb(28,33,45)
```
#262d3d
```
#262d3d rgb(38,45,61)
```
#30384c
```
#30384c rgb(48,56,76)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#44506c
```
#44506c rgb(68,80,108)
```
#4e5b7b
```
#4e5b7b rgb(78,91,123)
```
#58678b
```
#58678b rgb(88,103,139)
```

Monochromatic Color

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

#3a4d5c
```
#3a4d5c rgb(58,77,92)
```
#3a4a5c
```
#3a4a5c rgb(58,74,92)
```
#3a475c
```
#3a475c rgb(58,71,92)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#3a415c
```
#3a415c rgb(58,65,92)
```
#3a3e5c
```
#3a3e5c rgb(58,62,92)
```
#3a3c5c
```
#3a3c5c rgb(58,60,92)
```

Similar Colors

Text with hexadecimal color #3a445c

This text has a font color of #3a445c.

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

#3a445c background color

This paragraph has a background color of #3a445c.

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

#3a445c border color

This element has a border color of #3a445c.

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

CSS codes

.text {color:#3a445c;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0f14
```
#0c0f14 rgb(12,15,20)
```
#141820
```
#141820 rgb(20,24,32)
```
#1c202c
```
#1c202c rgb(28,32,44)
```
#232938
```
#232938 rgb(35,41,56)
```
#2b3244
```
#2b3244 rgb(43,50,68)
```
#323b50
```
#323b50 rgb(50,59,80)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#424d68
```
#424d68 rgb(66,77,104)
```
#495674
```
#495674 rgb(73,86,116)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#58688c
```
#58688c rgb(88,104,140)
```
#607098
```
#607098 rgb(96,112,152)
```

Shade Color Variation

#6a7ba1
```
#6a7ba1 rgb(106,123,161)
```
#7685a9
```
#7685a9 rgb(118,133,169)
```
#8290b0
```
#8290b0 rgb(130,144,176)
```
#8e9bb8
```
#8e9bb8 rgb(142,155,184)
```
#9ba5c0
```
#9ba5c0 rgb(155,165,192)
```
#a7b0c7
```
#a7b0c7 rgb(167,176,199)
```
#b3bbcf
```
#b3bbcf rgb(179,187,207)
```
#bfc6d6
```
#bfc6d6 rgb(191,198,214)
```
#cbd0de
```
#cbd0de rgb(203,208,222)
```
#d7dbe6
```
#d7dbe6 rgb(215,219,230)
```
#e3e6ed
```
#e3e6ed rgb(227,230,237)
```
#eff0f5
```
#eff0f5 rgb(239,240,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#464950
```
#464950 rgb(70,73,80)
```
#404656
```
#404656 rgb(64,70,86)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#344262
```
#344262 rgb(52,66,98)
```
#2e3f68
```
#2e3f68 rgb(46,63,104)
```
#293d6d
```
#293d6d rgb(41,61,109)
```
#233a73
```
#233a73 rgb(35,58,115)
```
#1d3879
```
#1d3879 rgb(29,56,121)
```
#17367f
```
#17367f rgb(23,54,127)
```
#123384
```
#123384 rgb(18,51,132)
```
#0c318a
```
#0c318a rgb(12,49,138)
```
#062f90
```
#062f90 rgb(6,47,144)
```
#002c96
```
#002c96 rgb(0,44,150)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#424449 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474d64 Protanopia 1% of men
#474c64 Deuteranopia 1% of men
#405056 Tritanopia 0.001% of the population

Trichromacy

#424961 Protanomaly 1% of men, 0.01% of women
#424961 Deuteranomaly 6% of men, 0.4% of women
#3d4b58 Tritanomaly 0.01% of the population

#3a445c hex color

#3a445c Color Information

#3a445c Color Conversion

Color Schemes with #3a445c

Alternatives to #3a445c

#3a445c Preview

Shades and Tints of #3a445c

Tones of #3a445c

Color Blindness Simulator