#486c6f hex color

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

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

● #486c6f color description : Very dark desaturated cyan.

The hexadecimal color #486c6f has RGB values of R:72, G:108, B:111 and CMYK values of C:0.35, M:0.03, Y:0, K:0.56. Its decimal value is 4746351.

Hex triplet	486c6f	`#486c6f`
RGB Decimal	72, 108, 111	`rgb(72,108,111)`
RGB Percent	28.2, 42.4, 43.5	`rgb(28.2%,42.4%,43.5%)`
CMYK	35, 3, 0, 56
HSL	184.6°, 21.3, 35.9	`hsl(184.6,21.3%,35.9%)`
HSV (or HSB)	184.6°, 35.1, 43.5
Web Safe	336666	`#336666`

CIE-LAB	43.138, -11.955, -5.777
XYZ	10.904, 13.25, 17.021
xyY	0.265, 0.322, 13.25
CIE-LCH	43.138, 13.278, 205.792
CIE-LUV	43.138, -17.134, -6.137
Hunter-Lab	36.401, -10.233, -2.244
Binary	01001000, 01101100, 01101111

#486c6f
```
#486c6f rgb(72,108,111)
```
#6f4b48
```
#6f4b48 rgb(111,75,72)
```

Complementary Color

#486f5f
```
#486f5f rgb(72,111,95)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#48596f
```
#48596f rgb(72,89,111)
```

Analogous Color

#6f5f48
```
#6f5f48 rgb(111,95,72)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#6f4859
```
#6f4859 rgb(111,72,89)
```

Split Complementary Color

#6c6f48
```
#6c6f48 rgb(108,111,72)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#6f486c
```
#6f486c rgb(111,72,108)
```

Triadic Color

#486f4b
```
#486f4b rgb(72,111,75)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#6f486c
```
#6f486c rgb(111,72,108)
```
#6f4b48
```
#6f4b48 rgb(111,75,72)
```

Tetradic Color

#2a3f41
```
#2a3f41 rgb(42,63,65)
```
#344e50
```
#344e50 rgb(52,78,80)
```
#3e5d60
```
#3e5d60 rgb(62,93,96)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#527b7e
```
#527b7e rgb(82,123,126)
```
#5c8a8e
```
#5c8a8e rgb(92,138,142)
```
#67989c
```
#67989c rgb(103,152,156)
```

Monochromatic Color

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

#486f68
```
#486f68 rgb(72,111,104)
```
#486f6c
```
#486f6c rgb(72,111,108)
```
#486f6f
```
#486f6f rgb(72,111,111)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#48696f
```
#48696f rgb(72,105,111)
```
#48666f
```
#48666f rgb(72,102,111)
```
#48626f
```
#48626f rgb(72,98,111)
```

Similar Colors

Text with hexadecimal color #486c6f

This text has a font color of #486c6f.

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

#486c6f background color

This paragraph has a background color of #486c6f.

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

#486c6f border color

This element has a border color of #486c6f.

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

CSS codes

.text {color:#486c6f;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a0f10
```
#0a0f10 rgb(10,15,16)
```
#121b1c
```
#121b1c rgb(18,27,28)
```
#1a2728
```
#1a2728 rgb(26,39,40)
```
#213234
```
#213234 rgb(33,50,52)
```
#293e3f
```
#293e3f rgb(41,62,63)
```
#31494b
```
#31494b rgb(49,73,75)
```
#395557
```
#395557 rgb(57,85,87)
```
#406063
```
#406063 rgb(64,96,99)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#50787b
```
#50787b rgb(80,120,123)
```
#578387
```
#578387 rgb(87,131,135)
```
#5f8f93
```
#5f8f93 rgb(95,143,147)
```

Shade Color Variation

#68999d
```
#68999d rgb(104,153,157)
```
#74a1a5
```
#74a1a5 rgb(116,161,165)
```
#80a9ad
```
#80a9ad rgb(128,169,173)
```
#8cb1b4
```
#8cb1b4 rgb(140,177,180)
```
#98b9bc
```
#98b9bc rgb(152,185,188)
```
#a4c1c4
```
#a4c1c4 rgb(164,193,196)
```
#b0c9cc
```
#b0c9cc rgb(176,201,204)
```
#bcd1d3
```
#bcd1d3 rgb(188,209,211)
```
#c7d9db
```
#c7d9db rgb(199,217,219)
```
#d3e1e3
```
#d3e1e3 rgb(211,225,227)
```
#dfeaea
```
#dfeaea rgb(223,234,234)
```
#ebf2f2
```
#ebf2f2 rgb(235,242,242)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#566061
```
#566061 rgb(86,96,97)
```
#4f6668
```
#4f6668 rgb(79,102,104)
```
#486c6f
```
#486c6f rgb(72,108,111)
```
#417276
```
#417276 rgb(65,114,118)
```
#3a787d
```
#3a787d rgb(58,120,125)
```
#337e84
```
#337e84 rgb(51,126,132)
```
#2c848b
```
#2c848b rgb(44,132,139)
```
#258a92
```
#258a92 rgb(37,138,146)
```
#1e9099
```
#1e9099 rgb(30,144,153)
```
#1796a0
```
#1796a0 rgb(23,150,160)
```
#109ca7
```
#109ca7 rgb(16,156,167)
```
#09a2ae
```
#09a2ae rgb(9,162,174)
```
#02a8b5
```
#02a8b5 rgb(2,168,181)
```

Tone Color Variation

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

Dichromacy

#6e6d72 Protanopia 1% of men
#726b79 Deuteranopia 1% of men
#52727b Tritanopia 0.001% of the population

Trichromacy

#606c71 Protanomaly 1% of men, 0.01% of women
#626b75 Deuteranomaly 6% of men, 0.4% of women
#4e7076 Tritanomaly 0.01% of the population

#486c6f hex color

#486c6f Color Information

#486c6f Color Conversion

Color Schemes with #486c6f

Alternatives to #486c6f

#486c6f Preview

Shades and Tints of #486c6f

Tones of #486c6f

Color Blindness Simulator