#486660 hex color

In a RGB color space, hex #486660 is composed of 28.2% red, 40% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 0% magenta, 5.9% yellow and 60% black. It has a hue angle of 168 degrees, a saturation of 17.2% and a lightness of 34.1%. #486660 color hex could be obtained by blending #90ccc0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 40
- B 38
RGB color chart
- C 29
- M 0
- Y 6
- K 60
CMYK color chart

● #486660 color description : Very dark grayish cyan.

The hexadecimal color #486660 has RGB values of R:72, G:102, B:96 and CMYK values of C:0.29, M:0, Y:0.06, K:0.6. Its decimal value is 4744800.

Hex triplet	486660	`#486660`
RGB Decimal	72, 102, 96	`rgb(72,102,96)`
RGB Percent	28.2, 40, 37.6	`rgb(28.2%,40%,37.6%)`
CMYK	29, 0, 6, 60
HSL	168°, 17.2, 34.1	`hsl(168,17.2%,34.1%)`
HSV (or HSB)	168°, 29.4, 40
Web Safe	336666	`#336666`

CIE-LAB	40.775, -12.397, -0.154
XYZ	9.535, 11.725, 12.826
xyY	0.28, 0.344, 11.725
CIE-LCH	40.775, 12.398, 180.711
CIE-LUV	40.775, -14.572, 1.584
Hunter-Lab	34.241, -10.218, 1.759
Binary	01001000, 01100110, 01100000

#486660
```
#486660 rgb(72,102,96)
```
#66484e
```
#66484e rgb(102,72,78)
```

Complementary Color

#486651
```
#486651 rgb(72,102,81)
```
#486660
```
#486660 rgb(72,102,96)
```
#485d66
```
#485d66 rgb(72,93,102)
```

Analogous Color

#665148
```
#665148 rgb(102,81,72)
```
#486660
```
#486660 rgb(72,102,96)
```
#66485d
```
#66485d rgb(102,72,93)
```

Split Complementary Color

#666048
```
#666048 rgb(102,96,72)
```
#486660
```
#486660 rgb(72,102,96)
```
#604866
```
#604866 rgb(96,72,102)
```

Triadic Color

#4e6648
```
#4e6648 rgb(78,102,72)
```
#486660
```
#486660 rgb(72,102,96)
```
#604866
```
#604866 rgb(96,72,102)
```
#66484e
```
#66484e rgb(102,72,78)
```

Tetradic Color

#283936
```
#283936 rgb(40,57,54)
```
#334844
```
#334844 rgb(51,72,68)
```
#3d5752
```
#3d5752 rgb(61,87,82)
```
#486660
```
#486660 rgb(72,102,96)
```
#53756e
```
#53756e rgb(83,117,110)
```
#5d847c
```
#5d847c rgb(93,132,124)
```
#68938a
```
#68938a rgb(104,147,138)
```

Monochromatic Color

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

#486659
```
#486659 rgb(72,102,89)
```
#48665b
```
#48665b rgb(72,102,91)
```
#48665e
```
#48665e rgb(72,102,94)
```
#486660
```
#486660 rgb(72,102,96)
```
#486663
```
#486663 rgb(72,102,99)
```
#486665
```
#486665 rgb(72,102,101)
```
#486566
```
#486566 rgb(72,101,102)
```

Similar Colors

Text with hexadecimal color #486660

This text has a font color of #486660.

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

#486660 background color

This paragraph has a background color of #486660.

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

#486660 border color

This element has a border color of #486660.

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

CSS codes

.text {color:#486660;}

.background {background-color:#486660;}

.border {border:1px solid #486660;}

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, #070a09 is the darkest color, while #fefefe is the lightest one.

#070a09
```
#070a09 rgb(7,10,9)
```
#0f1614
```
#0f1614 rgb(15,22,20)
```
#17211f
```
#17211f rgb(23,33,31)
```
#1f2d2a
```
#1f2d2a rgb(31,45,42)
```
#283835
```
#283835 rgb(40,56,53)
```
#304440
```
#304440 rgb(48,68,64)
```
#384f4a
```
#384f4a rgb(56,79,74)
```
#405b55
```
#405b55 rgb(64,91,85)
```
#486660
```
#486660 rgb(72,102,96)
```
#50716b
```
#50716b rgb(80,113,107)
```
#587d76
```
#587d76 rgb(88,125,118)
```
#608880
```
#608880 rgb(96,136,128)
```
#68948b
```
#68948b rgb(104,148,139)
```

Shade Color Variation

#749d94
```
#749d94 rgb(116,157,148)
```
#7fa59d
```
#7fa59d rgb(127,165,157)
```
#8bada6
```
#8bada6 rgb(139,173,166)
```
#96b5af
```
#96b5af rgb(150,181,175)
```
#a2bdb8
```
#a2bdb8 rgb(162,189,184)
```
#adc5c0
```
#adc5c0 rgb(173,197,192)
```
#b9cdc9
```
#b9cdc9 rgb(185,205,201)
```
#c4d5d2
```
#c4d5d2 rgb(196,213,210)
```
#d0dddb
```
#d0dddb rgb(208,221,219)
```
#dbe6e3
```
#dbe6e3 rgb(219,230,227)
```
#e7eeec
```
#e7eeec rgb(231,238,236)
```
#f2f6f5
```
#f2f6f5 rgb(242,246,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555958 is the less saturated color, while #05a988 is the most saturated one.

#555958
```
#555958 rgb(85,89,88)
```
#4f5f5c
```
#4f5f5c rgb(79,95,92)
```
#486660
```
#486660 rgb(72,102,96)
```
#416d64
```
#416d64 rgb(65,109,100)
```
#3b7368
```
#3b7368 rgb(59,115,104)
```
#347a6c
```
#347a6c rgb(52,122,108)
```
#2d8170
```
#2d8170 rgb(45,129,112)
```
#278774
```
#278774 rgb(39,135,116)
```
#208e78
```
#208e78 rgb(32,142,120)
```
#19957c
```
#19957c rgb(25,149,124)
```
#129c80
```
#129c80 rgb(18,156,128)
```
#0ca284
```
#0ca284 rgb(12,162,132)
```
#05a988
```
#05a988 rgb(5,169,136)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6765 Protanopia 1% of men
#70656b Deuteranopia 1% of men
#546c73 Tritanopia 0.001% of the population

Trichromacy

#5e6763 Protanomaly 1% of men, 0.01% of women
#616567 Deuteranomaly 6% of men, 0.4% of women
#50696c Tritanomaly 0.01% of the population

#486660 hex color

#486660 Color Information

#486660 Color Conversion

Color Schemes with #486660

Alternatives to #486660

#486660 Preview

Shades and Tints of #486660

Tones of #486660

Color Blindness Simulator