#486b66 hex color

In a RGB color space, hex #486b66 is composed of 28.2% red, 42% green and 40% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 0% magenta, 4.7% yellow and 58% black. It has a hue angle of 171.4 degrees, a saturation of 19.6% and a lightness of 35.1%. #486b66 color hex could be obtained by blending #90d6cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 42
- B 40
RGB color chart
- C 33
- M 0
- Y 5
- K 58
CMYK color chart

● #486b66 color description : Very dark grayish cyan.

The hexadecimal color #486b66 has RGB values of R:72, G:107, B:102 and CMYK values of C:0.33, M:0, Y:0.05, K:0.58. Its decimal value is 4746086.

Hex triplet	486b66	`#486b66`
RGB Decimal	72, 107, 102	`rgb(72,107,102)`
RGB Percent	28.2, 42, 40	`rgb(28.2%,42%,40%)`
CMYK	33, 0, 5, 58
HSL	171.4°, 19.6, 35.1	`hsl(171.4,19.6%,35.1%)`
HSV (or HSB)	171.4°, 32.7, 42
Web Safe	336666	`#336666`

CIE-LAB	42.539, -13.73, -1.217
XYZ	10.328, 12.852, 14.506
xyY	0.274, 0.341, 12.852
CIE-LCH	42.539, 13.784, 185.067
CIE-LUV	42.539, -16.775, 0.368
Hunter-Lab	35.85, -11.313, 1.104
Binary	01001000, 01101011, 01100110

#486b66
```
#486b66 rgb(72,107,102)
```
#6b484d
```
#6b484d rgb(107,72,77)
```

Complementary Color

#486b55
```
#486b55 rgb(72,107,85)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#485f6b
```
#485f6b rgb(72,95,107)
```

Analogous Color

#6b5548
```
#6b5548 rgb(107,85,72)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#6b485f
```
#6b485f rgb(107,72,95)
```

Split Complementary Color

#6b6648
```
#6b6648 rgb(107,102,72)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#66486b
```
#66486b rgb(102,72,107)
```

Triadic Color

#4d6b48
```
#4d6b48 rgb(77,107,72)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#66486b
```
#66486b rgb(102,72,107)
```
#6b484d
```
#6b484d rgb(107,72,77)
```

Tetradic Color

#293d3a
```
#293d3a rgb(41,61,58)
```
#334d49
```
#334d49 rgb(51,77,73)
```
#3e5c57
```
#3e5c57 rgb(62,92,87)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#527a75
```
#527a75 rgb(82,122,117)
```
#5d8983
```
#5d8983 rgb(93,137,131)
```
#679992
```
#679992 rgb(103,153,146)
```

Monochromatic Color

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

#486b5d
```
#486b5d rgb(72,107,93)
```
#486b60
```
#486b60 rgb(72,107,96)
```
#486b63
```
#486b63 rgb(72,107,99)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#486b69
```
#486b69 rgb(72,107,105)
```
#486a6b
```
#486a6b rgb(72,106,107)
```
#48676b
```
#48676b rgb(72,103,107)
```

Similar Colors

Text with hexadecimal color #486b66

This text has a font color of #486b66.

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

#486b66 background color

This paragraph has a background color of #486b66.

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

#486b66 border color

This element has a border color of #486b66.

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

CSS codes

.text {color:#486b66;}

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

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

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 #f5f8f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090d0d
```
#090d0d rgb(9,13,13)
```
#111918
```
#111918 rgb(17,25,24)
```
#192523
```
#192523 rgb(25,37,35)
```
#21302e
```
#21302e rgb(33,48,46)
```
#283c39
```
#283c39 rgb(40,60,57)
```
#304844
```
#304844 rgb(48,72,68)
```
#385450
```
#385450 rgb(56,84,80)
```
#405f5b
```
#405f5b rgb(64,95,91)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#507771
```
#507771 rgb(80,119,113)
```
#58827c
```
#58827c rgb(88,130,124)
```
#608e88
```
#608e88 rgb(96,142,136)
```

Shade Color Variation

#689992
```
#689992 rgb(104,153,146)
```
#74a19b
```
#74a19b rgb(116,161,155)
```
#7fa9a3
```
#7fa9a3 rgb(127,169,163)
```
#8bb1ac
```
#8bb1ac rgb(139,177,172)
```
#97b9b4
```
#97b9b4 rgb(151,185,180)
```
#a3c1bd
```
#a3c1bd rgb(163,193,189)
```
#aec9c5
```
#aec9c5 rgb(174,201,197)
```
#bad1cd
```
#bad1cd rgb(186,209,205)
```
#c6d9d6
```
#c6d9d6 rgb(198,217,214)
```
#d2e0de
```
#d2e0de rgb(210,224,222)
```
#dde8e7
```
#dde8e7 rgb(221,232,231)
```
#e9f0ef
```
#e9f0ef rgb(233,240,239)
```
#f5f8f8
```
#f5f8f8 rgb(245,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565d5c is the less saturated color, while #03b097 is the most saturated one.

#565d5c
```
#565d5c rgb(86,93,92)
```
#4f6461
```
#4f6461 rgb(79,100,97)
```
#486b66
```
#486b66 rgb(72,107,102)
```
#41726b
```
#41726b rgb(65,114,107)
```
#3a7970
```
#3a7970 rgb(58,121,112)
```
#338075
```
#338075 rgb(51,128,117)
```
#2c877a
```
#2c877a rgb(44,135,122)
```
#268d7f
```
#268d7f rgb(38,141,127)
```
#1f9484
```
#1f9484 rgb(31,148,132)
```
#189b88
```
#189b88 rgb(24,155,136)
```
#11a28d
```
#11a28d rgb(17,162,141)
```
#0aa992
```
#0aa992 rgb(10,169,146)
```
#03b097
```
#03b097 rgb(3,176,151)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6b6a Protanopia 1% of men
#746971 Deuteranopia 1% of men
#547079 Tritanopia 0.001% of the population

Trichromacy

#606b68 Protanomaly 1% of men, 0.01% of women
#646a6d Deuteranomaly 6% of men, 0.4% of women
#506e72 Tritanomaly 0.01% of the population

#486b66 hex color

#486b66 Color Information

#486b66 Color Conversion

Color Schemes with #486b66

Alternatives to #486b66

#486b66 Preview

Shades and Tints of #486b66

Tones of #486b66

Color Blindness Simulator