#486a6c hex color

In a RGB color space, hex #486a6c is composed of 28.2% red, 41.6% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 1.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 183.3 degrees, a saturation of 20% and a lightness of 35.3%. #486a6c color hex could be obtained by blending #90d4d8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #486a6c has RGB values of R:72, G:106, B:108 and CMYK values of C:0.33, M:0.02, Y:0, K:0.58. Its decimal value is 4745836.

Hex triplet	486a6c	`#486a6c`
RGB Decimal	72, 106, 108	`rgb(72,106,108)`
RGB Percent	28.2, 41.6, 42.4	`rgb(28.2%,41.6%,42.4%)`
CMYK	33, 2, 0, 58
HSL	183.3°, 20, 35.3	`hsl(183.3,20%,35.3%)`
HSV (or HSB)	183.3°, 33.3, 42.4
Web Safe	336666	`#336666`

CIE-LAB	42.412, -11.613, -5.041
XYZ	10.533, 12.768, 16.096
xyY	0.267, 0.324, 12.768
CIE-LCH	42.412, 12.66, 203.464
CIE-LUV	42.412, -16.291, -5.135
Hunter-Lab	35.732, -9.916, -1.695
Binary	01001000, 01101010, 01101100

#486a6c
```
#486a6c rgb(72,106,108)
```
#6c4a48
```
#6c4a48 rgb(108,74,72)
```

Complementary Color

#486c5c
```
#486c5c rgb(72,108,92)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#48586c
```
#48586c rgb(72,88,108)
```

Analogous Color

#6c5c48
```
#6c5c48 rgb(108,92,72)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#6c4858
```
#6c4858 rgb(108,72,88)
```

Split Complementary Color

#6a6c48
```
#6a6c48 rgb(106,108,72)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#6c486a
```
#6c486a rgb(108,72,106)
```

Triadic Color

#486c4a
```
#486c4a rgb(72,108,74)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#6c486a
```
#6c486a rgb(108,72,106)
```
#6c4a48
```
#6c4a48 rgb(108,74,72)
```

Tetradic Color

#293d3e
```
#293d3e rgb(41,61,62)
```
#344c4d
```
#344c4d rgb(52,76,77)
```
#3e5b5d
```
#3e5b5d rgb(62,91,93)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#52797b
```
#52797b rgb(82,121,123)
```
#5c888b
```
#5c888b rgb(92,136,139)
```
#67979a
```
#67979a rgb(103,151,154)
```

Monochromatic Color

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

#486c65
```
#486c65 rgb(72,108,101)
```
#486c68
```
#486c68 rgb(72,108,104)
```
#486c6b
```
#486c6b rgb(72,108,107)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#48676c
```
#48676c rgb(72,103,108)
```
#48646c
```
#48646c rgb(72,100,108)
```
#48616c
```
#48616c rgb(72,97,108)
```

Similar Colors

Text with hexadecimal color #486a6c

This text has a font color of #486a6c.

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

#486a6c background color

This paragraph has a background color of #486a6c.

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

#486a6c border color

This element has a border color of #486a6c.

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

CSS codes

.text {color:#486a6c;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090e0e
```
#090e0e rgb(9,14,14)
```
#11191a
```
#11191a rgb(17,25,26)
```
#192525
```
#192525 rgb(25,37,37)
```
#213031
```
#213031 rgb(33,48,49)
```
#293c3d
```
#293c3d rgb(41,60,61)
```
#304749
```
#304749 rgb(48,71,73)
```
#385354
```
#385354 rgb(56,83,84)
```
#405e60
```
#405e60 rgb(64,94,96)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#507678
```
#507678 rgb(80,118,120)
```
#588184
```
#588184 rgb(88,129,132)
```
#608d8f
```
#608d8f rgb(96,141,143)
```

Shade Color Variation

#68989a
```
#68989a rgb(104,152,154)
```
#74a0a2
```
#74a0a2 rgb(116,160,162)
```
#80a8aa
```
#80a8aa rgb(128,168,170)
```
#8bb0b2
```
#8bb0b2 rgb(139,176,178)
```
#97b8ba
```
#97b8ba rgb(151,184,186)
```
#a3c0c2
```
#a3c0c2 rgb(163,192,194)
```
#afc8c9
```
#afc8c9 rgb(175,200,201)
```
#bad0d1
```
#bad0d1 rgb(186,208,209)
```
#c6d8d9
```
#c6d8d9 rgb(198,216,217)
```
#d2e0e1
```
#d2e0e1 rgb(210,224,225)
```
#dee8e9
```
#dee8e9 rgb(222,232,233)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

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

#565e5e
```
#565e5e rgb(86,94,94)
```
#4f6465
```
#4f6465 rgb(79,100,101)
```
#486a6c
```
#486a6c rgb(72,106,108)
```
#417073
```
#417073 rgb(65,112,115)
```
#3a767a
```
#3a767a rgb(58,118,122)
```
#337c81
```
#337c81 rgb(51,124,129)
```
#2c8388
```
#2c8388 rgb(44,131,136)
```
#25898f
```
#25898f rgb(37,137,143)
```
#1e8f96
```
#1e8f96 rgb(30,143,150)
```
#18959c
```
#18959c rgb(24,149,156)
```
#119ba3
```
#119ba3 rgb(17,155,163)
```
#0aa1aa
```
#0aa1aa rgb(10,161,170)
```
#03a8b1
```
#03a8b1 rgb(3,168,177)
```

Tone Color Variation

Below, you can see how #486a6c 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
#5b6262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6b70 Protanopia 1% of men
#716976 Deuteranopia 1% of men
#537079 Tritanopia 0.001% of the population

Trichromacy

#5f6b6e Protanomaly 1% of men, 0.01% of women
#626972 Deuteranomaly 6% of men, 0.4% of women
#4f6e74 Tritanomaly 0.01% of the population

#486a6c hex color

#486a6c Color Information

#486a6c Color Conversion

Color Schemes with #486a6c

Alternatives to #486a6c

#486a6c Preview

Shades and Tints of #486a6c

Tones of #486a6c

Color Blindness Simulator