#486076 hex color

In a RGB color space, hex #486076 is composed of 28.2% red, 37.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 18.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 208.7 degrees, a saturation of 24.2% and a lightness of 37.3%. #486076 color hex could be obtained by blending #90c0ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 38
- B 46
RGB color chart
- C 39
- M 19
- Y 0
- K 54
CMYK color chart

● #486076 color description : Mostly desaturated dark blue.

The hexadecimal color #486076 has RGB values of R:72, G:96, B:118 and CMYK values of C:0.39, M:0.19, Y:0, K:0.54. Its decimal value is 4743286.

Hex triplet	486076	`#486076`
RGB Decimal	72, 96, 118	`rgb(72,96,118)`
RGB Percent	28.2, 37.6, 46.3	`rgb(28.2%,37.6%,46.3%)`
CMYK	39, 19, 0, 54
HSL	208.7°, 24.2, 37.3	`hsl(208.7,24.2%,37.3%)`
HSV (or HSB)	208.7°, 39, 46.3
Web Safe	336666	`#336666`

CIE-LAB	39.666, -2.922, -15.27
XYZ	10.125, 11.051, 18.738
xyY	0.254, 0.277, 11.051
CIE-LCH	39.666, 15.547, 259.167
CIE-LUV	39.666, -12.044, -20.536
Hunter-Lab	33.243, -3.811, -10.15
Binary	01001000, 01100000, 01110110

#486076
```
#486076 rgb(72,96,118)
```
#765e48
```
#765e48 rgb(118,94,72)
```

Complementary Color

#487675
```
#487675 rgb(72,118,117)
```
#486076
```
#486076 rgb(72,96,118)
```
#484976
```
#484976 rgb(72,73,118)
```

Analogous Color

#767548
```
#767548 rgb(118,117,72)
```
#486076
```
#486076 rgb(72,96,118)
```
#764849
```
#764849 rgb(118,72,73)
```

Split Complementary Color

#607648
```
#607648 rgb(96,118,72)
```
#486076
```
#486076 rgb(72,96,118)
```
#764860
```
#764860 rgb(118,72,96)
```

Triadic Color

#48765e
```
#48765e rgb(72,118,94)
```
#486076
```
#486076 rgb(72,96,118)
```
#764860
```
#764860 rgb(118,72,96)
```
#765e48
```
#765e48 rgb(118,94,72)
```

Tetradic Color

#2b3946
```
#2b3946 rgb(43,57,70)
```
#354656
```
#354656 rgb(53,70,86)
```
#3e5366
```
#3e5366 rgb(62,83,102)
```
#486076
```
#486076 rgb(72,96,118)
```
#526d86
```
#526d86 rgb(82,109,134)
```
#5b7a96
```
#5b7a96 rgb(91,122,150)
```
#6887a3
```
#6887a3 rgb(104,135,163)
```

Monochromatic Color

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

#486c76
```
#486c76 rgb(72,108,118)
```
#486876
```
#486876 rgb(72,104,118)
```
#486476
```
#486476 rgb(72,100,118)
```
#486076
```
#486076 rgb(72,96,118)
```
#485c76
```
#485c76 rgb(72,92,118)
```
#485876
```
#485876 rgb(72,88,118)
```
#485576
```
#485576 rgb(72,85,118)
```

Similar Colors

Text with hexadecimal color #486076

This text has a font color of #486076.

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

#486076 background color

This paragraph has a background color of #486076.

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

#486076 border color

This element has a border color of #486076.

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

CSS codes

.text {color:#486076;}

.background {background-color:#486076;}

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1115
```
#0d1115 rgb(13,17,21)
```
#141b21
```
#141b21 rgb(20,27,33)
```
#1b252d
```
#1b252d rgb(27,37,45)
```
#232e39
```
#232e39 rgb(35,46,57)
```
#2a3845
```
#2a3845 rgb(42,56,69)
```
#324251
```
#324251 rgb(50,66,81)
```
#394c5e
```
#394c5e rgb(57,76,94)
```
#41566a
```
#41566a rgb(65,86,106)
```
#486076
```
#486076 rgb(72,96,118)
```
#4f6a82
```
#4f6a82 rgb(79,106,130)
```
#57748e
```
#57748e rgb(87,116,142)
```
#5e7e9b
```
#5e7e9b rgb(94,126,155)
```

Shade Color Variation

#6988a3
```
#6988a3 rgb(105,136,163)
```
#7591ab
```
#7591ab rgb(117,145,171)
```
#819bb2
```
#819bb2 rgb(129,155,178)
```
#8ea5ba
```
#8ea5ba rgb(142,165,186)
```
#9aaec1
```
#9aaec1 rgb(154,174,193)
```
#a6b8c9
```
#a6b8c9 rgb(166,184,201)
```
#b2c2d0
```
#b2c2d0 rgb(178,194,208)
```
#becbd8
```
#becbd8 rgb(190,203,216)
```
#cad5df
```
#cad5df rgb(202,213,223)
```
#d7dfe6
```
#d7dfe6 rgb(215,223,230)
```
#e3e9ee
```
#e3e9ee rgb(227,233,238)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f60 is the less saturated color, while #0663b8 is the most saturated one.

#5e5f60
```
#5e5f60 rgb(94,95,96)
```
#575f67
```
#575f67 rgb(87,95,103)
```
#4f606f
```
#4f606f rgb(79,96,111)
```
#486076
```
#486076 rgb(72,96,118)
```
#41607d
```
#41607d rgb(65,96,125)
```
#396185
```
#396185 rgb(57,97,133)
```
#32618c
```
#32618c rgb(50,97,140)
```
#2b6193
```
#2b6193 rgb(43,97,147)
```
#23629b
```
#23629b rgb(35,98,155)
```
#1c62a2
```
#1c62a2 rgb(28,98,162)
```
#1562a9
```
#1562a9 rgb(21,98,169)
```
#0e63b0
```
#0e63b0 rgb(14,99,176)
```
#0663b8
```
#0663b8 rgb(6,99,184)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#575c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60647b Protanopia 1% of men
#61647e Deuteranopia 1% of men
#4e6a72 Tritanopia 0.001% of the population

Trichromacy

#576379 Protanomaly 1% of men, 0.01% of women
#58627b Deuteranomaly 6% of men, 0.4% of women
#4b6673 Tritanomaly 0.01% of the population

#486076 hex color

#486076 Color Information

#486076 Color Conversion

Color Schemes with #486076

Alternatives to #486076

#486076 Preview

Shades and Tints of #486076

Tones of #486076

Color Blindness Simulator