#486680 hex color

In a RGB color space, hex #486680 is composed of 28.2% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 20.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 207.9 degrees, a saturation of 28% and a lightness of 39.2%. #486680 color hex could be obtained by blending #90ccff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 40
- B 50
RGB color chart
- C 44
- M 20
- Y 0
- K 50
CMYK color chart

● #486680 color description : Mostly desaturated dark blue.

The hexadecimal color #486680 has RGB values of R:72, G:102, B:128 and CMYK values of C:0.44, M:0.2, Y:0, K:0.5. Its decimal value is 4744832.

Hex triplet	486680	`#486680`
RGB Decimal	72, 102, 128	`rgb(72,102,128)`
RGB Percent	28.2, 40, 50.2	`rgb(28.2%,40%,50.2%)`
CMYK	44, 20, 0, 50
HSL	207.9°, 28, 39.2	`hsl(207.9,28%,39.2%)`
HSV (or HSB)	207.9°, 43.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	41.905, -3.592, -17.923
XYZ	11.319, 12.438, 22.225
xyY	0.246, 0.271, 12.438
CIE-LCH	41.905, 18.279, 258.667
CIE-LUV	41.905, -14.549, -24.631
Hunter-Lab	35.268, -4.43, -12.676
Binary	01001000, 01100110, 10000000

#486680
```
#486680 rgb(72,102,128)
```
#806248
```
#806248 rgb(128,98,72)
```

Complementary Color

#48807e
```
#48807e rgb(72,128,126)
```
#486680
```
#486680 rgb(72,102,128)
```
#484a80
```
#484a80 rgb(72,74,128)
```

Analogous Color

#807e48
```
#807e48 rgb(128,126,72)
```
#486680
```
#486680 rgb(72,102,128)
```
#80484a
```
#80484a rgb(128,72,74)
```

Split Complementary Color

#668048
```
#668048 rgb(102,128,72)
```
#486680
```
#486680 rgb(72,102,128)
```
#804866
```
#804866 rgb(128,72,102)
```

Triadic Color

#488062
```
#488062 rgb(72,128,98)
```
#486680
```
#486680 rgb(72,102,128)
```
#804866
```
#804866 rgb(128,72,102)
```
#806248
```
#806248 rgb(128,98,72)
```

Tetradic Color

#2c3f4f
```
#2c3f4f rgb(44,63,79)
```
#364c5f
```
#364c5f rgb(54,76,95)
```
#3f5970
```
#3f5970 rgb(63,89,112)
```
#486680
```
#486680 rgb(72,102,128)
```
#517390
```
#517390 rgb(81,115,144)
```
#5a80a1
```
#5a80a1 rgb(90,128,161)
```
#6a8dab
```
#6a8dab rgb(106,141,171)
```

Monochromatic Color

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

#487480
```
#487480 rgb(72,116,128)
```
#486f80
```
#486f80 rgb(72,111,128)
```
#486b80
```
#486b80 rgb(72,107,128)
```
#486680
```
#486680 rgb(72,102,128)
```
#486180
```
#486180 rgb(72,97,128)
```
#485d80
```
#485d80 rgb(72,93,128)
```
#485880
```
#485880 rgb(72,88,128)
```

Similar Colors

Text with hexadecimal color #486680

This text has a font color of #486680.

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

#486680 background color

This paragraph has a background color of #486680.

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

#486680 border color

This element has a border color of #486680.

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

CSS codes

.text {color:#486680;}

.background {background-color:#486680;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080c0f
```
#080c0f rgb(8,12,15)
```
#10161c
```
#10161c rgb(16,22,28)
```
#172028
```
#172028 rgb(23,32,40)
```
#1e2a35
```
#1e2a35 rgb(30,42,53)
```
#253441
```
#253441 rgb(37,52,65)
```
#2c3e4e
```
#2c3e4e rgb(44,62,78)
```
#33485a
```
#33485a rgb(51,72,90)
```
#3a5267
```
#3a5267 rgb(58,82,103)
```
#415c73
```
#415c73 rgb(65,92,115)
```
#486680
```
#486680 rgb(72,102,128)
```
#4f708d
```
#4f708d rgb(79,112,141)
```
#567a99
```
#567a99 rgb(86,122,153)
```

Shade Color Variation

#5e84a5
```
#5e84a5 rgb(94,132,165)
```
#6b8eac
```
#6b8eac rgb(107,142,172)
```
#7797b3
```
#7797b3 rgb(119,151,179)
```
#84a1ba
```
#84a1ba rgb(132,161,186)
```
#90aac1
```
#90aac1 rgb(144,170,193)
```
#9db4c8
```
#9db4c8 rgb(157,180,200)
```
#aabecf
```
#aabecf rgb(170,190,207)
```
#b6c7d6
```
#b6c7d6 rgb(182,199,214)
```
#c3d1dd
```
#c3d1dd rgb(195,209,221)
```
#cfdae4
```
#cfdae4 rgb(207,218,228)
```
#dce4eb
```
#dce4eb rgb(220,228,235)
```
#e8eef2
```
#e8eef2 rgb(232,238,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#5f6469
```
#5f6469 rgb(95,100,105)
```
#576571
```
#576571 rgb(87,101,113)
```
#506578
```
#506578 rgb(80,101,120)
```
#486680
```
#486680 rgb(72,102,128)
```
#406788
```
#406788 rgb(64,103,136)
```
#39678f
```
#39678f rgb(57,103,143)
```
#316897
```
#316897 rgb(49,104,151)
```
#29689f
```
#29689f rgb(41,104,159)
```
#2269a6
```
#2269a6 rgb(34,105,166)
```
#1a69ae
```
#1a69ae rgb(26,105,174)
```
#126ab6
```
#126ab6 rgb(18,106,182)
```
#0a6abe
```
#0a6abe rgb(10,106,190)
```
#036bc5
```
#036bc5 rgb(3,107,197)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b6166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646984 Protanopia 1% of men
#646988 Deuteranopia 1% of men
#4c7078 Tritanopia 0.001% of the population

Trichromacy

#596882 Protanomaly 1% of men, 0.01% of women
#596885 Deuteranomaly 6% of men, 0.4% of women
#4b6c7b Tritanomaly 0.01% of the population

#486680 hex color

#486680 Color Information

#486680 Color Conversion

Color Schemes with #486680

Alternatives to #486680

#486680 Preview

Shades and Tints of #486680

Tones of #486680

Color Blindness Simulator