#4a685e hex color

In a RGB color space, hex #4a685e is composed of 29% red, 40.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 0% magenta, 9.6% yellow and 59.2% black. It has a hue angle of 160 degrees, a saturation of 16.9% and a lightness of 34.9%. #4a685e color hex could be obtained by blending #94d0bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 41
- B 37
RGB color chart
- C 29
- M 0
- Y 10
- K 59
CMYK color chart

● #4a685e color description : Very dark grayish cyan - lime green.

The hexadecimal color #4a685e has RGB values of R:74, G:104, B:94 and CMYK values of C:0.29, M:0, Y:0.1, K:0.59. Its decimal value is 4876382.

Hex triplet	4a685e	`#4a685e`
RGB Decimal	74, 104, 94	`rgb(74,104,94)`
RGB Percent	29, 40.8, 36.9	`rgb(29%,40.8%,36.9%)`
CMYK	29, 0, 10, 59
HSL	160°, 16.9, 34.9	`hsl(160,16.9%,34.9%)`
HSV (or HSB)	160°, 28.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	41.476, -13.329, 2.099
XYZ	9.794, 12.164, 12.421
xyY	0.285, 0.354, 12.164
CIE-LCH	41.476, 13.493, 171.051
CIE-LUV	41.476, -14.639, 4.664
Hunter-Lab	34.877, -10.909, 3.299
Binary	01001010, 01101000, 01011110

#4a685e
```
#4a685e rgb(74,104,94)
```
#684a54
```
#684a54 rgb(104,74,84)
```

Complementary Color

#4a684f
```
#4a684f rgb(74,104,79)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#4a6368
```
#4a6368 rgb(74,99,104)
```

Analogous Color

#684f4a
```
#684f4a rgb(104,79,74)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#684a63
```
#684a63 rgb(104,74,99)
```

Split Complementary Color

#685e4a
```
#685e4a rgb(104,94,74)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#5e4a68
```
#5e4a68 rgb(94,74,104)
```

Triadic Color

#54684a
```
#54684a rgb(84,104,74)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#5e4a68
```
#5e4a68 rgb(94,74,104)
```
#684a54
```
#684a54 rgb(104,74,84)
```

Tetradic Color

#2a3b36
```
#2a3b36 rgb(42,59,54)
```
#354a43
```
#354a43 rgb(53,74,67)
```
#3f5951
```
#3f5951 rgb(63,89,81)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#55776b
```
#55776b rgb(85,119,107)
```
#5f8679
```
#5f8679 rgb(95,134,121)
```
#6a9586
```
#6a9586 rgb(106,149,134)
```

Monochromatic Color

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

#4a6857
```
#4a6857 rgb(74,104,87)
```
#4a6859
```
#4a6859 rgb(74,104,89)
```
#4a685c
```
#4a685c rgb(74,104,92)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#4a6861
```
#4a6861 rgb(74,104,97)
```
#4a6863
```
#4a6863 rgb(74,104,99)
```
#4a6866
```
#4a6866 rgb(74,104,102)
```

Similar Colors

Text with hexadecimal color #4a685e

This text has a font color of #4a685e.

<span style="color:#4a685e;">Text here</span>

#4a685e background color

This paragraph has a background color of #4a685e.

<p style="background-color:#4a685e;">Content here</p>

#4a685e border color

This element has a border color of #4a685e.

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

CSS codes

.text {color:#4a685e;}

.background {background-color:#4a685e;}

.border {border:1px solid #4a685e;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#111815
```
#111815 rgb(17,24,21)
```
#192320
```
#192320 rgb(25,35,32)
```
#212f2a
```
#212f2a rgb(33,47,42)
```
#293a35
```
#293a35 rgb(41,58,53)
```
#32463f
```
#32463f rgb(50,70,63)
```
#3a5149
```
#3a5149 rgb(58,81,73)
```
#425d54
```
#425d54 rgb(66,93,84)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#527368
```
#527368 rgb(82,115,104)
```
#5a7f73
```
#5a7f73 rgb(90,127,115)
```
#628a7d
```
#628a7d rgb(98,138,125)
```

Shade Color Variation

#6b9687
```
#6b9687 rgb(107,150,135)
```
#769e91
```
#769e91 rgb(118,158,145)
```
#82a69a
```
#82a69a rgb(130,166,154)
```
#8daea3
```
#8daea3 rgb(141,174,163)
```
#99b6ac
```
#99b6ac rgb(153,182,172)
```
#a4beb6
```
#a4beb6 rgb(164,190,182)
```
#b0c7bf
```
#b0c7bf rgb(176,199,191)
```
#bbcfc8
```
#bbcfc8 rgb(187,207,200)
```
#c7d7d1
```
#c7d7d1 rgb(199,215,209)
```
#d2dfdb
```
#d2dfdb rgb(210,223,219)
```
#dde7e4
```
#dde7e4 rgb(221,231,228)
```
#e9efed
```
#e9efed rgb(233,239,237)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```

Tint Color Variation

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

#585a59
```
#585a59 rgb(88,90,89)
```
#51615c
```
#51615c rgb(81,97,92)
```
#4a685e
```
#4a685e rgb(74,104,94)
```
#436f60
```
#436f60 rgb(67,111,96)
```
#3c7663
```
#3c7663 rgb(60,118,99)
```
#357d65
```
#357d65 rgb(53,125,101)
```
#2f8367
```
#2f8367 rgb(47,131,103)
```
#288a69
```
#288a69 rgb(40,138,105)
```
#21916c
```
#21916c rgb(33,145,108)
```
#1a986e
```
#1a986e rgb(26,152,110)
```
#139f70
```
#139f70 rgb(19,159,112)
```
#0ca673
```
#0ca673 rgb(12,166,115)
```
#06ac75
```
#06ac75 rgb(6,172,117)
```

Tone Color Variation

Below, you can see how #4a685e 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

#5e5e5e Achromatopsia 0.005% of the population
#5a605e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6963 Protanopia 1% of men
#736669 Deuteranopia 1% of men
#576d75 Tritanopia 0.001% of the population

Trichromacy

#606961 Protanomaly 1% of men, 0.01% of women
#646765 Deuteranomaly 6% of men, 0.4% of women
#526b6c Tritanomaly 0.01% of the population

#4a685e hex color

#4a685e Color Information

#4a685e Color Conversion

Color Schemes with #4a685e

Alternatives to #4a685e

#4a685e Preview

Shades and Tints of #4a685e

Tones of #4a685e

Color Blindness Simulator