#486d6a hex color

In a RGB color space, hex #486d6a is composed of 28.2% red, 42.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 0% magenta, 2.8% yellow and 57.3% black. It has a hue angle of 175.1 degrees, a saturation of 20.4% and a lightness of 35.5%. #486d6a color hex could be obtained by blending #90dad4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 43
- B 42
RGB color chart
- C 34
- M 0
- Y 3
- K 57
CMYK color chart

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

The hexadecimal color #486d6a has RGB values of R:72, G:109, B:106 and CMYK values of C:0.34, M:0, Y:0.03, K:0.57. Its decimal value is 4746602.

Hex triplet	486d6a	`#486d6a`
RGB Decimal	72, 109, 106	`rgb(72,109,106)`
RGB Percent	28.2, 42.7, 41.6	`rgb(28.2%,42.7%,41.6%)`
CMYK	34, 0, 3, 57
HSL	175.1°, 20.4, 35.5	`hsl(175.1,20.4%,35.5%)`
HSV (or HSB)	175.1°, 33.9, 42.7
Web Safe	336666	`#336666`

CIE-LAB	43.294, -13.834, -2.527
XYZ	10.742, 13.355, 15.647
xyY	0.27, 0.336, 13.355
CIE-LCH	43.294, 14.063, 190.352
CIE-LUV	43.294, -17.618, -1.393
Hunter-Lab	36.545, -11.485, 0.196
Binary	01001000, 01101101, 01101010

#486d6a
```
#486d6a rgb(72,109,106)
```
#6d484b
```
#6d484b rgb(109,72,75)
```

Complementary Color

#486d58
```
#486d58 rgb(72,109,88)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#485e6d
```
#485e6d rgb(72,94,109)
```

Analogous Color

#6d5848
```
#6d5848 rgb(109,88,72)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#6d485e
```
#6d485e rgb(109,72,94)
```

Split Complementary Color

#6d6a48
```
#6d6a48 rgb(109,106,72)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#6a486d
```
#6a486d rgb(106,72,109)
```

Triadic Color

#4b6d48
```
#4b6d48 rgb(75,109,72)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#6a486d
```
#6a486d rgb(106,72,109)
```
#6d484b
```
#6d484b rgb(109,72,75)
```

Tetradic Color

#2a3f3d
```
#2a3f3d rgb(42,63,61)
```
#344e4c
```
#344e4c rgb(52,78,76)
```
#3e5e5b
```
#3e5e5b rgb(62,94,91)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#527c79
```
#527c79 rgb(82,124,121)
```
#5c8c88
```
#5c8c88 rgb(92,140,136)
```
#679b96
```
#679b96 rgb(103,155,150)
```

Monochromatic Color

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

#486d61
```
#486d61 rgb(72,109,97)
```
#486d64
```
#486d64 rgb(72,109,100)
```
#486d67
```
#486d67 rgb(72,109,103)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#486d6d
```
#486d6d rgb(72,109,109)
```
#486a6d
```
#486a6d rgb(72,106,109)
```
#48676d
```
#48676d rgb(72,103,109)
```

Similar Colors

Text with hexadecimal color #486d6a

This text has a font color of #486d6a.

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

#486d6a background color

This paragraph has a background color of #486d6a.

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

#486d6a border color

This element has a border color of #486d6a.

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

CSS codes

.text {color:#486d6a;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0e0e
```
#0a0e0e rgb(10,14,14)
```
#111a1a
```
#111a1a rgb(17,26,26)
```
#192625
```
#192625 rgb(25,38,37)
```
#213231
```
#213231 rgb(33,50,49)
```
#293e3c
```
#293e3c rgb(41,62,60)
```
#314a48
```
#314a48 rgb(49,74,72)
```
#385553
```
#385553 rgb(56,85,83)
```
#40615f
```
#40615f rgb(64,97,95)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#507975
```
#507975 rgb(80,121,117)
```
#588581
```
#588581 rgb(88,133,129)
```
#5f908c
```
#5f908c rgb(95,144,140)
```

Shade Color Variation

#689b97
```
#689b97 rgb(104,155,151)
```
#74a39f
```
#74a39f rgb(116,163,159)
```
#80aba7
```
#80aba7 rgb(128,171,167)
```
#8cb3b0
```
#8cb3b0 rgb(140,179,176)
```
#97bbb8
```
#97bbb8 rgb(151,187,184)
```
#a3c2c0
```
#a3c2c0 rgb(163,194,192)
```
#afcac8
```
#afcac8 rgb(175,202,200)
```
#bbd2d0
```
#bbd2d0 rgb(187,210,208)
```
#c7dad8
```
#c7dad8 rgb(199,218,216)
```
#d2e2e0
```
#d2e2e0 rgb(210,226,224)
```
#dee9e8
```
#dee9e8 rgb(222,233,232)
```
#eaf1f1
```
#eaf1f1 rgb(234,241,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#565f5e
```
#565f5e rgb(86,95,94)
```
#4f6664
```
#4f6664 rgb(79,102,100)
```
#486d6a
```
#486d6a rgb(72,109,106)
```
#417470
```
#417470 rgb(65,116,112)
```
#3a7b76
```
#3a7b76 rgb(58,123,118)
```
#33827b
```
#33827b rgb(51,130,123)
```
#2c8981
```
#2c8981 rgb(44,137,129)
```
#259087
```
#259087 rgb(37,144,135)
```
#1e978d
```
#1e978d rgb(30,151,141)
```
#179e93
```
#179e93 rgb(23,158,147)
```
#10a599
```
#10a599 rgb(16,165,153)
```
#09ac9e
```
#09ac9e rgb(9,172,158)
```
#02b3a4
```
#02b3a4 rgb(2,179,164)
```

Tone Color Variation

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

Dichromacy

#706d6e Protanopia 1% of men
#756b74 Deuteranopia 1% of men
#54737b Tritanopia 0.001% of the population

Trichromacy

#616d6c Protanomaly 1% of men, 0.01% of women
#646b70 Deuteranomaly 6% of men, 0.4% of women
#4f7075 Tritanomaly 0.01% of the population

#486d6a hex color

#486d6a Color Information

#486d6a Color Conversion

Color Schemes with #486d6a

Alternatives to #486d6a

#486d6a Preview

Shades and Tints of #486d6a

Tones of #486d6a

Color Blindness Simulator