#486f61 hex color

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

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

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

The hexadecimal color #486f61 has RGB values of R:72, G:111, B:97 and CMYK values of C:0.35, M:0, Y:0.13, K:0.56. Its decimal value is 4747105.

Hex triplet	486f61	`#486f61`
RGB Decimal	72, 111, 97	`rgb(72,111,97)`
RGB Percent	28.2, 43.5, 38	`rgb(28.2%,43.5%,38%)`
CMYK	35, 0, 13, 56
HSL	158.5°, 21.3, 35.9	`hsl(158.5,21.3%,35.9%)`
HSV (or HSB)	158.5°, 35.1, 43.5
Web Safe	336666	`#336666`

CIE-LAB	43.667, -17.167, 3.438
XYZ	10.514, 13.609, 13.381
xyY	0.28, 0.363, 13.609
CIE-LCH	43.667, 17.508, 168.674
CIE-LUV	43.667, -18.61, 7.023
Hunter-Lab	36.891, -13.685, 4.317
Binary	01001000, 01101111, 01100001

#486f61
```
#486f61 rgb(72,111,97)
```
#6f4856
```
#6f4856 rgb(111,72,86)
```

Complementary Color

#486f4e
```
#486f4e rgb(72,111,78)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#486a6f
```
#486a6f rgb(72,106,111)
```

Analogous Color

#6f4e48
```
#6f4e48 rgb(111,78,72)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#6f486a
```
#6f486a rgb(111,72,106)
```

Split Complementary Color

#6f6148
```
#6f6148 rgb(111,97,72)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#61486f
```
#61486f rgb(97,72,111)
```

Triadic Color

#566f48
```
#566f48 rgb(86,111,72)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#61486f
```
#61486f rgb(97,72,111)
```
#6f4856
```
#6f4856 rgb(111,72,86)
```

Tetradic Color

#2a4138
```
#2a4138 rgb(42,65,56)
```
#345046
```
#345046 rgb(52,80,70)
```
#3e6053
```
#3e6053 rgb(62,96,83)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#527e6f
```
#527e6f rgb(82,126,111)
```
#5c8e7c
```
#5c8e7c rgb(92,142,124)
```
#679c89
```
#679c89 rgb(103,156,137)
```

Monochromatic Color

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

#486f57
```
#486f57 rgb(72,111,87)
```
#486f5b
```
#486f5b rgb(72,111,91)
```
#486f5e
```
#486f5e rgb(72,111,94)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#486f64
```
#486f64 rgb(72,111,100)
```
#486f68
```
#486f68 rgb(72,111,104)
```
#486f6b
```
#486f6b rgb(72,111,107)
```

Similar Colors

Text with hexadecimal color #486f61

This text has a font color of #486f61.

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

#486f61 background color

This paragraph has a background color of #486f61.

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

#486f61 border color

This element has a border color of #486f61.

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

CSS codes

.text {color:#486f61;}

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

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

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)
```
#293f37
```
#293f37 rgb(41,63,55)
```
#314b42
```
#314b42 rgb(49,75,66)
```
#39574c
```
#39574c rgb(57,87,76)
```
#406357
```
#406357 rgb(64,99,87)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#507b6b
```
#507b6b rgb(80,123,107)
```
#578776
```
#578776 rgb(87,135,118)
```
#5f9380
```
#5f9380 rgb(95,147,128)
```

Shade Color Variation

#689d8a
```
#689d8a rgb(104,157,138)
```
#74a593
```
#74a593 rgb(116,165,147)
```
#80ad9d
```
#80ad9d rgb(128,173,157)
```
#8cb4a6
```
#8cb4a6 rgb(140,180,166)
```
#98bcaf
```
#98bcaf rgb(152,188,175)
```
#a4c4b8
```
#a4c4b8 rgb(164,196,184)
```
#b0ccc2
```
#b0ccc2 rgb(176,204,194)
```
#bcd3cb
```
#bcd3cb rgb(188,211,203)
```
#c7dbd4
```
#c7dbd4 rgb(199,219,212)
```
#d3e3dd
```
#d3e3dd rgb(211,227,221)
```
#dfeae6
```
#dfeae6 rgb(223,234,230)
```
#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 #02b575 is the most saturated one.

#56615d
```
#56615d rgb(86,97,93)
```
#4f685f
```
#4f685f rgb(79,104,95)
```
#486f61
```
#486f61 rgb(72,111,97)
```
#417663
```
#417663 rgb(65,118,99)
```
#3a7d65
```
#3a7d65 rgb(58,125,101)
```
#338467
```
#338467 rgb(51,132,103)
```
#2c8b69
```
#2c8b69 rgb(44,139,105)
```
#25926b
```
#25926b rgb(37,146,107)
```
#1e996d
```
#1e996d rgb(30,153,109)
```
#17a06f
```
#17a06f rgb(23,160,111)
```
#10a771
```
#10a771 rgb(16,167,113)
```
#09ae73
```
#09ae73 rgb(9,174,115)
```
#02b575
```
#02b575 rgb(2,181,117)
```

Tone Color Variation

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

#736e65 Protanopia 1% of men
#7a6b6c Deuteranopia 1% of men
#56737c Tritanopia 0.001% of the population

Trichromacy

#636e63 Protanomaly 1% of men, 0.01% of women
#676c68 Deuteranomaly 6% of men, 0.4% of women
#517172 Tritanomaly 0.01% of the population

#486f61 hex color

#486f61 Color Information

#486f61 Color Conversion

Color Schemes with #486f61

Alternatives to #486f61

#486f61 Preview

Shades and Tints of #486f61

Tones of #486f61

Color Blindness Simulator