#3a4742 hex color

In a RGB color space, hex #3a4742 is composed of 22.7% red, 27.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 7% yellow and 72.2% black. It has a hue angle of 156.9 degrees, a saturation of 10.1% and a lightness of 25.3%. #3a4742 color hex could be obtained by blending #748e84 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 23
- G 28
- B 26
RGB color chart
- C 18
- M 0
- Y 7
- K 72
CMYK color chart

● #3a4742 color description : Very dark grayish cyan - lime green.

The hexadecimal color #3a4742 has RGB values of R:58, G:71, B:66 and CMYK values of C:0.18, M:0, Y:0.07, K:0.72. Its decimal value is 3819330.

Hex triplet	3a4742	`#3a4742`
RGB Decimal	58, 71, 66	`rgb(58,71,66)`
RGB Percent	22.7, 27.8, 25.9	`rgb(22.7%,27.8%,25.9%)`
CMYK	18, 0, 7, 72
HSL	156.9°, 10.1, 25.3	`hsl(156.9,10.1%,25.3%)`
HSV (or HSB)	156.9°, 18.3, 27.8
Web Safe	333333	`#333333`

CIE-LAB	28.9, -6.422, 1.261
XYZ	4.981, 5.799, 6.011
xyY	0.297, 0.345, 5.799
CIE-LCH	28.9, 6.545, 168.893
CIE-LUV	28.9, -6.277, 2.305
Hunter-Lab	24.082, -5.22, 2.058
Binary	00111010, 01000111, 01000010

#3a4742
```
#3a4742 rgb(58,71,66)
```
#473a3f
```
#473a3f rgb(71,58,63)
```

Complementary Color

#3a473c
```
#3a473c rgb(58,71,60)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#3a4647
```
#3a4647 rgb(58,70,71)
```

Analogous Color

#473c3a
```
#473c3a rgb(71,60,58)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#473a46
```
#473a46 rgb(71,58,70)
```

Split Complementary Color

#47423a
```
#47423a rgb(71,66,58)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#423a47
```
#423a47 rgb(66,58,71)
```

Triadic Color

#3f473a
```
#3f473a rgb(63,71,58)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#423a47
```
#423a47 rgb(66,58,71)
```
#473a3f
```
#473a3f rgb(71,58,63)
```

Tetradic Color

#181d1b
```
#181d1b rgb(24,29,27)
```
#232b28
```
#232b28 rgb(35,43,40)
```
#2f3935
```
#2f3935 rgb(47,57,53)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#45554f
```
#45554f rgb(69,85,79)
```
#51635c
```
#51635c rgb(81,99,92)
```
#5c7169
```
#5c7169 rgb(92,113,105)
```

Monochromatic Color

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

#3a473f
```
#3a473f rgb(58,71,63)
```
#3a4740
```
#3a4740 rgb(58,71,64)
```
#3a4741
```
#3a4741 rgb(58,71,65)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#3a4743
```
#3a4743 rgb(58,71,67)
```
#3a4744
```
#3a4744 rgb(58,71,68)
```
#3a4745
```
#3a4745 rgb(58,71,69)
```

Similar Colors

Text with hexadecimal color #3a4742

This text has a font color of #3a4742.

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

#3a4742 background color

This paragraph has a background color of #3a4742.

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

#3a4742 border color

This element has a border color of #3a4742.

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

CSS codes

.text {color:#3a4742;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1110
```
#0e1110 rgb(14,17,16)
```
#171c1a
```
#171c1a rgb(23,28,26)
```
#202724
```
#202724 rgb(32,39,36)
```
#28312e
```
#28312e rgb(40,49,46)
```
#313c38
```
#313c38 rgb(49,60,56)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#43524c
```
#43524c rgb(67,82,76)
```
#4c5d56
```
#4c5d56 rgb(76,93,86)
```
#546760
```
#546760 rgb(84,103,96)
```
#5d726a
```
#5d726a rgb(93,114,106)
```
#667d74
```
#667d74 rgb(102,125,116)
```
#6f887e
```
#6f887e rgb(111,136,126)
```

Shade Color Variation

#799188
```
#799188 rgb(121,145,136)
```
#849a92
```
#849a92 rgb(132,154,146)
```
#8ea39b
```
#8ea39b rgb(142,163,155)
```
#99aca5
```
#99aca5 rgb(153,172,165)
```
#a4b5ae
```
#a4b5ae rgb(164,181,174)
```
#afbeb8
```
#afbeb8 rgb(175,190,184)
```
#bac6c1
```
#bac6c1 rgb(186,198,193)
```
#c4cfcb
```
#c4cfcb rgb(196,207,203)
```
#cfd8d5
```
#cfd8d5 rgb(207,216,213)
```
#dae1de
```
#dae1de rgb(218,225,222)
```
#e5eae8
```
#e5eae8 rgb(229,234,232)
```
#f0f2f1
```
#f0f2f1 rgb(240,242,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#3f4241
```
#3f4241 rgb(63,66,65)
```
#3a4742
```
#3a4742 rgb(58,71,66)
```
#354c43
```
#354c43 rgb(53,76,67)
```
#305144
```
#305144 rgb(48,81,68)
```
#2b5645
```
#2b5645 rgb(43,86,69)
```
#265b47
```
#265b47 rgb(38,91,71)
```
#216048
```
#216048 rgb(33,96,72)
```
#1c6549
```
#1c6549 rgb(28,101,73)
```
#176a4a
```
#176a4a rgb(23,106,74)
```
#126f4b
```
#126f4b rgb(18,111,75)
```
#0d744c
```
#0d744c rgb(13,116,76)
```
#08794d
```
#08794d rgb(8,121,77)
```
#037e4f
```
#037e4f rgb(3,126,79)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#414443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504d4a Protanopia 1% of men
#554b4d Deuteranopia 1% of men
#464f54 Tritanopia 0.001% of the population

Trichromacy

#484b47 Protanomaly 1% of men, 0.01% of women
#4b4949 Deuteranomaly 6% of men, 0.4% of women
#414c4e Tritanomaly 0.01% of the population

#3a4742 hex color

#3a4742 Color Information

#3a4742 Color Conversion

Color Schemes with #3a4742

Alternatives to #3a4742

#3a4742 Preview

Shades and Tints of #3a4742

Tones of #3a4742

Color Blindness Simulator