#486863 hex color

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

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

● #486863 color description : Very dark grayish cyan.

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

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

CIE-LAB	41.499, -12.79, -0.922
XYZ	9.874, 12.179, 13.634
xyY	0.277, 0.341, 12.179
CIE-LCH	41.499, 12.823, 184.124
CIE-LUV	41.499, -15.46, 0.628
Hunter-Lab	34.898, -10.566, 1.265
Binary	01001000, 01101000, 01100011

#486863
```
#486863 rgb(72,104,99)
```
#68484d
```
#68484d rgb(104,72,77)
```

Complementary Color

#486853
```
#486853 rgb(72,104,83)
```
#486863
```
#486863 rgb(72,104,99)
```
#485d68
```
#485d68 rgb(72,93,104)
```

Analogous Color

#685348
```
#685348 rgb(104,83,72)
```
#486863
```
#486863 rgb(72,104,99)
```
#68485d
```
#68485d rgb(104,72,93)
```

Split Complementary Color

#686348
```
#686348 rgb(104,99,72)
```
#486863
```
#486863 rgb(72,104,99)
```
#634868
```
#634868 rgb(99,72,104)
```

Triadic Color

#4d6848
```
#4d6848 rgb(77,104,72)
```
#486863
```
#486863 rgb(72,104,99)
```
#634868
```
#634868 rgb(99,72,104)
```
#68484d
```
#68484d rgb(104,72,77)
```

Tetradic Color

#293b38
```
#293b38 rgb(41,59,56)
```
#334a46
```
#334a46 rgb(51,74,70)
```
#3e5955
```
#3e5955 rgb(62,89,85)
```
#486863
```
#486863 rgb(72,104,99)
```
#527771
```
#527771 rgb(82,119,113)
```
#5d8680
```
#5d8680 rgb(93,134,128)
```
#67958e
```
#67958e rgb(103,149,142)
```

Monochromatic Color

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

#48685b
```
#48685b rgb(72,104,91)
```
#48685e
```
#48685e rgb(72,104,94)
```
#486860
```
#486860 rgb(72,104,96)
```
#486863
```
#486863 rgb(72,104,99)
```
#486866
```
#486866 rgb(72,104,102)
```
#486868
```
#486868 rgb(72,104,104)
```
#486568
```
#486568 rgb(72,101,104)
```

Similar Colors

Text with hexadecimal color #486863

This text has a font color of #486863.

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

#486863 background color

This paragraph has a background color of #486863.

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

#486863 border color

This element has a border color of #486863.

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

CSS codes

.text {color:#486863;}

.background {background-color:#486863;}

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

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)
```
#101716
```
#101716 rgb(16,23,22)
```
#182221
```
#182221 rgb(24,34,33)
```
#202e2c
```
#202e2c rgb(32,46,44)
```
#283a37
```
#283a37 rgb(40,58,55)
```
#304542
```
#304542 rgb(48,69,66)
```
#38514d
```
#38514d rgb(56,81,77)
```
#405c58
```
#405c58 rgb(64,92,88)
```
#486863
```
#486863 rgb(72,104,99)
```
#50746e
```
#50746e rgb(80,116,110)
```
#587f79
```
#587f79 rgb(88,127,121)
```
#608b84
```
#608b84 rgb(96,139,132)
```
#68968f
```
#68968f rgb(104,150,143)
```

Shade Color Variation

#749e98
```
#749e98 rgb(116,158,152)
```
#7fa7a0
```
#7fa7a0 rgb(127,167,160)
```
#8bafa9
```
#8bafa9 rgb(139,175,169)
```
#96b7b2
```
#96b7b2 rgb(150,183,178)
```
#a2bfba
```
#a2bfba rgb(162,191,186)
```
#aec7c3
```
#aec7c3 rgb(174,199,195)
```
#b9cfcb
```
#b9cfcb rgb(185,207,203)
```
#c5d7d4
```
#c5d7d4 rgb(197,215,212)
```
#d0dfdc
```
#d0dfdc rgb(208,223,220)
```
#dce7e5
```
#dce7e5 rgb(220,231,229)
```
#e8efee
```
#e8efee rgb(232,239,238)
```
#f3f7f6
```
#f3f7f6 rgb(243,247,246)
```
#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 #04ac92 is the most saturated one.

#565a5a
```
#565a5a rgb(86,90,90)
```
#4f615e
```
#4f615e rgb(79,97,94)
```
#486863
```
#486863 rgb(72,104,99)
```
#416f68
```
#416f68 rgb(65,111,104)
```
#3a766c
```
#3a766c rgb(58,118,108)
```
#347c71
```
#347c71 rgb(52,124,113)
```
#2d8376
```
#2d8376 rgb(45,131,118)
```
#268a7a
```
#268a7a rgb(38,138,122)
```
#1f917f
```
#1f917f rgb(31,145,127)
```
#199784
```
#199784 rgb(25,151,132)
```
#129e88
```
#129e88 rgb(18,158,136)
```
#0ba58d
```
#0ba58d rgb(11,165,141)
```
#04ac92
```
#04ac92 rgb(4,172,146)
```

Tone Color Variation

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

Dichromacy

#6c6967 Protanopia 1% of men
#71676e Deuteranopia 1% of men
#546e76 Tritanopia 0.001% of the population

Trichromacy

#5f6966 Protanomaly 1% of men, 0.01% of women
#62676a Deuteranomaly 6% of men, 0.4% of women
#4f6b6f Tritanomaly 0.01% of the population

#486863 hex color

#486863 Color Information

#486863 Color Conversion

Color Schemes with #486863

Alternatives to #486863

#486863 Preview

Shades and Tints of #486863

Tones of #486863

Color Blindness Simulator