#486768 hex color

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

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

● #486768 color description : Very dark grayish cyan.

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

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

CIE-LAB	41.339, -10.943, -4.202
XYZ	10.021, 12.077, 14.899
xyY	0.271, 0.326, 12.077
CIE-LCH	41.339, 11.722, 201.004
CIE-LUV	41.339, -14.998, -4.043
Hunter-Lab	34.752, -9.346, -1.092
Binary	01001000, 01100111, 01101000

#486768
```
#486768 rgb(72,103,104)
```
#684948
```
#684948 rgb(104,73,72)
```

Complementary Color

#486859
```
#486859 rgb(72,104,89)
```
#486768
```
#486768 rgb(72,103,104)
```
#485768
```
#485768 rgb(72,87,104)
```

Analogous Color

#685948
```
#685948 rgb(104,89,72)
```
#486768
```
#486768 rgb(72,103,104)
```
#684857
```
#684857 rgb(104,72,87)
```

Split Complementary Color

#676848
```
#676848 rgb(103,104,72)
```
#486768
```
#486768 rgb(72,103,104)
```
#684867
```
#684867 rgb(104,72,103)
```

Triadic Color

#486849
```
#486849 rgb(72,104,73)
```
#486768
```
#486768 rgb(72,103,104)
```
#684867
```
#684867 rgb(104,72,103)
```
#684948
```
#684948 rgb(104,73,72)
```

Tetradic Color

#293a3b
```
#293a3b rgb(41,58,59)
```
#33494a
```
#33494a rgb(51,73,74)
```
#3e5859
```
#3e5859 rgb(62,88,89)
```
#486768
```
#486768 rgb(72,103,104)
```
#527677
```
#527677 rgb(82,118,119)
```
#5d8586
```
#5d8586 rgb(93,133,134)
```
#679495
```
#679495 rgb(103,148,149)
```

Monochromatic Color

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

#486861
```
#486861 rgb(72,104,97)
```
#486864
```
#486864 rgb(72,104,100)
```
#486866
```
#486866 rgb(72,104,102)
```
#486768
```
#486768 rgb(72,103,104)
```
#486468
```
#486468 rgb(72,100,104)
```
#486268
```
#486268 rgb(72,98,104)
```
#485f68
```
#485f68 rgb(72,95,104)
```

Similar Colors

Text with hexadecimal color #486768

This text has a font color of #486768.

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

#486768 background color

This paragraph has a background color of #486768.

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

#486768 border color

This element has a border color of #486768.

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

CSS codes

.text {color:#486768;}

.background {background-color:#486768;}

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

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)
```
#28393a
```
#28393a rgb(40,57,58)
```
#304545
```
#304545 rgb(48,69,69)
```
#385051
```
#385051 rgb(56,80,81)
```
#405c5c
```
#405c5c rgb(64,92,92)
```
#486768
```
#486768 rgb(72,103,104)
```
#507274
```
#507274 rgb(80,114,116)
```
#587e7f
```
#587e7f rgb(88,126,127)
```
#60898b
```
#60898b rgb(96,137,139)
```
#689596
```
#689596 rgb(104,149,150)
```

Shade Color Variation

#749d9e
```
#749d9e rgb(116,157,158)
```
#7fa5a7
```
#7fa5a7 rgb(127,165,167)
```
#8badaf
```
#8badaf rgb(139,173,175)
```
#96b6b7
```
#96b6b7 rgb(150,182,183)
```
#a2bebf
```
#a2bebf rgb(162,190,191)
```
#aec6c7
```
#aec6c7 rgb(174,198,199)
```
#b9cecf
```
#b9cecf rgb(185,206,207)
```
#c5d6d7
```
#c5d6d7 rgb(197,214,215)
```
#d0dedf
```
#d0dedf rgb(208,222,223)
```
#dce6e7
```
#dce6e7 rgb(220,230,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 #04a6ac is the most saturated one.

#565a5a
```
#565a5a rgb(86,90,90)
```
#4f6161
```
#4f6161 rgb(79,97,97)
```
#486768
```
#486768 rgb(72,103,104)
```
#416d6f
```
#416d6f rgb(65,109,111)
```
#3a7476
```
#3a7476 rgb(58,116,118)
```
#347a7c
```
#347a7c rgb(52,122,124)
```
#2d8083
```
#2d8083 rgb(45,128,131)
```
#26878a
```
#26878a rgb(38,135,138)
```
#1f8d91
```
#1f8d91 rgb(31,141,145)
```
#199397
```
#199397 rgb(25,147,151)
```
#129a9e
```
#129a9e rgb(18,154,158)
```
#0ba0a5
```
#0ba0a5 rgb(11,160,165)
```
#04a6ac
```
#04a6ac rgb(4,166,172)
```

Tone Color Variation

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

#6a696c Protanopia 1% of men
#6f6672 Deuteranopia 1% of men
#536d75 Tritanopia 0.001% of the population

Trichromacy

#5d686a Protanomaly 1% of men, 0.01% of women
#60666e Deuteranomaly 6% of men, 0.4% of women
#4f6b70 Tritanomaly 0.01% of the population

#486768 hex color

#486768 Color Information

#486768 Color Conversion

Color Schemes with #486768

Alternatives to #486768

#486768 Preview

Shades and Tints of #486768

Tones of #486768

Color Blindness Simulator