#486868 hex color

In a RGB color space, hex #486868 is composed of 28.2% red, 40.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 0% yellow and 59.2% black. It has a hue angle of 180 degrees, a saturation of 18.2% and a lightness of 34.5%. #486868 color hex could be obtained by blending #90d0d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 41
- B 41
RGB color chart
- C 31
- M 0
- Y 0
- K 59
CMYK color chart

● #486868 color description : Very dark grayish cyan.

The hexadecimal color #486868 has RGB values of R:72, G:104, B:104 and CMYK values of C:0.31, M:0, Y:0, K:0.59. Its decimal value is 4745320.

Hex triplet	486868	`#486868`
RGB Decimal	72, 104, 104	`rgb(72,104,104)`
RGB Percent	28.2, 40.8, 40.8	`rgb(28.2%,40.8%,40.8%)`
CMYK	31, 0, 0, 59
HSL	180°, 18.2, 34.5	`hsl(180,18.2%,34.5%)`
HSV (or HSB)	180°, 30.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	41.654, -11.517, -3.736
XYZ	10.121, 12.277, 14.932
xyY	0.271, 0.329, 12.277
CIE-LCH	41.654, 12.108, 197.97
CIE-LUV	41.654, -15.438, -3.336
Hunter-Lab	35.039, -9.76, -0.74
Binary	01001000, 01101000, 01101000

#486868
```
#486868 rgb(72,104,104)
```
#684848
```
#684848 rgb(104,72,72)
```

Complementary Color

#486858
```
#486858 rgb(72,104,88)
```
#486868
```
#486868 rgb(72,104,104)
```
#485868
```
#485868 rgb(72,88,104)
```

Analogous Color

#685848
```
#685848 rgb(104,88,72)
```
#486868
```
#486868 rgb(72,104,104)
```
#684858
```
#684858 rgb(104,72,88)
```

Split Complementary Color

#686848
```
#686848 rgb(104,104,72)
```
#486868
```
#486868 rgb(72,104,104)
```
#684868
```
#684868 rgb(104,72,104)
```

Triadic Color

#486848
```
#486848 rgb(72,104,72)
```
#486868
```
#486868 rgb(72,104,104)
```
#684868
```
#684868 rgb(104,72,104)
```
#684848
```
#684848 rgb(104,72,72)
```

Tetradic Color

#293b3b
```
#293b3b rgb(41,59,59)
```
#334a4a
```
#334a4a rgb(51,74,74)
```
#3e5959
```
#3e5959 rgb(62,89,89)
```
#486868
```
#486868 rgb(72,104,104)
```
#527777
```
#527777 rgb(82,119,119)
```
#5d8686
```
#5d8686 rgb(93,134,134)
```
#679595
```
#679595 rgb(103,149,149)
```

Monochromatic Color

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

#486860
```
#486860 rgb(72,104,96)
```
#486863
```
#486863 rgb(72,104,99)
```
#486865
```
#486865 rgb(72,104,101)
```
#486868
```
#486868 rgb(72,104,104)
```
#486568
```
#486568 rgb(72,101,104)
```
#486368
```
#486368 rgb(72,99,104)
```
#486068
```
#486068 rgb(72,96,104)
```

Similar Colors

Text with hexadecimal color #486868

This text has a font color of #486868.

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

#486868 background color

This paragraph has a background color of #486868.

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

#486868 border color

This element has a border color of #486868.

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

CSS codes

.text {color:#486868;}

.background {background-color:#486868;}

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

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, #080b0b is the darkest color, while #ffffff is the lightest one.

#080b0b
```
#080b0b rgb(8,11,11)
```
#101717
```
#101717 rgb(16,23,23)
```
#182222
```
#182222 rgb(24,34,34)
```
#202e2e
```
#202e2e rgb(32,46,46)
```
#283a3a
```
#283a3a rgb(40,58,58)
```
#304545
```
#304545 rgb(48,69,69)
```
#385151
```
#385151 rgb(56,81,81)
```
#405c5c
```
#405c5c rgb(64,92,92)
```
#486868
```
#486868 rgb(72,104,104)
```
#507474
```
#507474 rgb(80,116,116)
```
#587f7f
```
#587f7f rgb(88,127,127)
```
#608b8b
```
#608b8b rgb(96,139,139)
```
#689696
```
#689696 rgb(104,150,150)
```

Shade Color Variation

#749e9e
```
#749e9e rgb(116,158,158)
```
#7fa7a7
```
#7fa7a7 rgb(127,167,167)
```
#8bafaf
```
#8bafaf rgb(139,175,175)
```
#96b7b7
```
#96b7b7 rgb(150,183,183)
```
#a2bfbf
```
#a2bfbf rgb(162,191,191)
```
#aec7c7
```
#aec7c7 rgb(174,199,199)
```
#b9cfcf
```
#b9cfcf rgb(185,207,207)
```
#c5d7d7
```
#c5d7d7 rgb(197,215,215)
```
#d0dfdf
```
#d0dfdf rgb(208,223,223)
```
#dce7e7
```
#dce7e7 rgb(220,231,231)
```
#e8efef
```
#e8efef rgb(232,239,239)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#565a5a
```
#565a5a rgb(86,90,90)
```
#4f6161
```
#4f6161 rgb(79,97,97)
```
#486868
```
#486868 rgb(72,104,104)
```
#416f6f
```
#416f6f rgb(65,111,111)
```
#3a7676
```
#3a7676 rgb(58,118,118)
```
#347c7c
```
#347c7c rgb(52,124,124)
```
#2d8383
```
#2d8383 rgb(45,131,131)
```
#268a8a
```
#268a8a rgb(38,138,138)
```
#1f9191
```
#1f9191 rgb(31,145,145)
```
#199797
```
#199797 rgb(25,151,151)
```
#129e9e
```
#129e9e rgb(18,158,158)
```
#0ba5a5
```
#0ba5a5 rgb(11,165,165)
```
#04acac
```
#04acac rgb(4,172,172)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5a6060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b696c Protanopia 1% of men
#706772 Deuteranopia 1% of men
#536e76 Tritanopia 0.001% of the population

Trichromacy

#5e696a Protanomaly 1% of men, 0.01% of women
#61676e Deuteranomaly 6% of men, 0.4% of women
#4f6c71 Tritanomaly 0.01% of the population

#486868 hex color

#486868 Color Information

#486868 Color Conversion

Color Schemes with #486868

Alternatives to #486868

#486868 Preview

Shades and Tints of #486868

Tones of #486868

Color Blindness Simulator