#486f62 hex color

In a RGB color space, hex #486f62 is composed of 28.2% red, 43.5% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 11.7% yellow and 56.5% black. It has a hue angle of 160 degrees, a saturation of 21.3% and a lightness of 35.9%. #486f62 color hex could be obtained by blending #90dec4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 44
- B 38
RGB color chart
- C 35
- M 0
- Y 12
- K 56
CMYK color chart

● #486f62 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #486f62 has RGB values of R:72, G:111, B:98 and CMYK values of C:0.35, M:0, Y:0.12, K:0.56. Its decimal value is 4747106.

Hex triplet	486f62	`#486f62`
RGB Decimal	72, 111, 98	`rgb(72,111,98)`
RGB Percent	28.2, 43.5, 38.4	`rgb(28.2%,43.5%,38.4%)`
CMYK	35, 0, 12, 56
HSL	160°, 21.3, 35.9	`hsl(160,21.3%,35.9%)`
HSV (or HSB)	160°, 35.1, 43.5
Web Safe	336666	`#336666`

CIE-LAB	43.695, -16.928, 2.877
XYZ	10.561, 13.628, 13.629
xyY	0.279, 0.36, 13.628
CIE-LCH	43.695, 17.171, 170.354
CIE-LUV	43.695, -18.597, 6.261
Hunter-Lab	36.916, -13.538, 3.953
Binary	01001000, 01101111, 01100010

#486f62
```
#486f62 rgb(72,111,98)
```
#6f4855
```
#6f4855 rgb(111,72,85)
```

Complementary Color

#486f4f
```
#486f4f rgb(72,111,79)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#48696f
```
#48696f rgb(72,105,111)
```

Analogous Color

#6f4f48
```
#6f4f48 rgb(111,79,72)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#6f4869
```
#6f4869 rgb(111,72,105)
```

Split Complementary Color

#6f6248
```
#6f6248 rgb(111,98,72)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#62486f
```
#62486f rgb(98,72,111)
```

Triadic Color

#556f48
```
#556f48 rgb(85,111,72)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#62486f
```
#62486f rgb(98,72,111)
```
#6f4855
```
#6f4855 rgb(111,72,85)
```

Tetradic Color

#2a4139
```
#2a4139 rgb(42,65,57)
```
#345047
```
#345047 rgb(52,80,71)
```
#3e6054
```
#3e6054 rgb(62,96,84)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#527e70
```
#527e70 rgb(82,126,112)
```
#5c8e7d
```
#5c8e7d rgb(92,142,125)
```
#679c8b
```
#679c8b rgb(103,156,139)
```

Monochromatic Color

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

#486f58
```
#486f58 rgb(72,111,88)
```
#486f5c
```
#486f5c rgb(72,111,92)
```
#486f5f
```
#486f5f rgb(72,111,95)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#486f65
```
#486f65 rgb(72,111,101)
```
#486f69
```
#486f69 rgb(72,111,105)
```
#486f6c
```
#486f6c rgb(72,111,108)
```

Similar Colors

Text with hexadecimal color #486f62

This text has a font color of #486f62.

<span style="color:#486f62;">Text here</span>

#486f62 background color

This paragraph has a background color of #486f62.

<p style="background-color:#486f62;">Content here</p>

#486f62 border color

This element has a border color of #486f62.

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

CSS codes

.text {color:#486f62;}

.background {background-color:#486f62;}

.border {border:1px solid #486f62;}

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

#030403
```
#030403 rgb(3,4,3)
```
#0a100e
```
#0a100e rgb(10,16,14)
```
#121c18
```
#121c18 rgb(18,28,24)
```
#1a2823
```
#1a2823 rgb(26,40,35)
```
#21342d
```
#21342d rgb(33,52,45)
```
#293f38
```
#293f38 rgb(41,63,56)
```
#314b42
```
#314b42 rgb(49,75,66)
```
#39574d
```
#39574d rgb(57,87,77)
```
#406357
```
#406357 rgb(64,99,87)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#507b6d
```
#507b6d rgb(80,123,109)
```
#578777
```
#578777 rgb(87,135,119)
```
#5f9382
```
#5f9382 rgb(95,147,130)
```

Shade Color Variation

#689d8c
```
#689d8c rgb(104,157,140)
```
#74a595
```
#74a595 rgb(116,165,149)
```
#80ad9e
```
#80ad9e rgb(128,173,158)
```
#8cb4a7
```
#8cb4a7 rgb(140,180,167)
```
#98bcb0
```
#98bcb0 rgb(152,188,176)
```
#a4c4b9
```
#a4c4b9 rgb(164,196,185)
```
#b0ccc2
```
#b0ccc2 rgb(176,204,194)
```
#bcd3cb
```
#bcd3cb rgb(188,211,203)
```
#c7dbd4
```
#c7dbd4 rgb(199,219,212)
```
#d3e3de
```
#d3e3de rgb(211,227,222)
```
#dfeae7
```
#dfeae7 rgb(223,234,231)
```
#ebf2f0
```
#ebf2f0 rgb(235,242,240)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#56615d
```
#56615d rgb(86,97,93)
```
#4f6860
```
#4f6860 rgb(79,104,96)
```
#486f62
```
#486f62 rgb(72,111,98)
```
#417664
```
#417664 rgb(65,118,100)
```
#3a7d67
```
#3a7d67 rgb(58,125,103)
```
#338469
```
#338469 rgb(51,132,105)
```
#2c8b6b
```
#2c8b6b rgb(44,139,107)
```
#25926e
```
#25926e rgb(37,146,110)
```
#1e9970
```
#1e9970 rgb(30,153,112)
```
#17a072
```
#17a072 rgb(23,160,114)
```
#10a775
```
#10a775 rgb(16,167,117)
```
#09ae77
```
#09ae77 rgb(9,174,119)
```
#02b579
```
#02b579 rgb(2,181,121)
```

Tone Color Variation

Below, you can see how #486f62 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

#626262 Achromatopsia 0.005% of the population
#5d6562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736e66 Protanopia 1% of men
#796b6d Deuteranopia 1% of men
#56737c Tritanopia 0.001% of the population

Trichromacy

#636e64 Protanomaly 1% of men, 0.01% of women
#676c69 Deuteranomaly 6% of men, 0.4% of women
#517272 Tritanomaly 0.01% of the population

#486f62 hex color

#486f62 Color Information

#486f62 Color Conversion

Color Schemes with #486f62

Alternatives to #486f62

#486f62 Preview

Shades and Tints of #486f62

Tones of #486f62

Color Blindness Simulator