#486086 hex color

In a RGB color space, hex #486086 is composed of 28.2% red, 37.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 28.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 216.8 degrees, a saturation of 30.1% and a lightness of 40.4%. #486086 color hex could be obtained by blending #90c0ff with #00000d. Closest websafe color is: #336699.

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

● #486086 color description : Dark moderate blue.

The hexadecimal color #486086 has RGB values of R:72, G:96, B:134 and CMYK values of C:0.46, M:0.28, Y:0, K:0.47. Its decimal value is 4743302.

Hex triplet	486086	`#486086`
RGB Decimal	72, 96, 134	`rgb(72,96,134)`
RGB Percent	28.2, 37.6, 52.5	`rgb(28.2%,37.6%,52.5%)`
CMYK	46, 28, 0, 47
HSL	216.8°, 30.1, 40.4	`hsl(216.8,30.1%,40.4%)`
HSV (or HSB)	216.8°, 46.3, 52.5
Web Safe	336699	`#336699`

CIE-LAB	40.352, 1.925, -23.953
XYZ	11.157, 11.464, 24.178
xyY	0.238, 0.245, 11.464
CIE-LCH	40.352, 24.03, 274.594
CIE-LUV	40.352, -12.206, -33.967
Hunter-Lab	33.859, -0.432, -18.636
Binary	01001000, 01100000, 10000110

#486086
```
#486086 rgb(72,96,134)
```
#866e48
```
#866e48 rgb(134,110,72)
```

Complementary Color

#487f86
```
#487f86 rgb(72,127,134)
```
#486086
```
#486086 rgb(72,96,134)
```
#4f4886
```
#4f4886 rgb(79,72,134)
```

Analogous Color

#7f8648
```
#7f8648 rgb(127,134,72)
```
#486086
```
#486086 rgb(72,96,134)
```
#864f48
```
#864f48 rgb(134,79,72)
```

Split Complementary Color

#608648
```
#608648 rgb(96,134,72)
```
#486086
```
#486086 rgb(72,96,134)
```
#864860
```
#864860 rgb(134,72,96)
```

Triadic Color

#48866e
```
#48866e rgb(72,134,110)
```
#486086
```
#486086 rgb(72,96,134)
```
#864860
```
#864860 rgb(134,72,96)
```
#866e48
```
#866e48 rgb(134,110,72)
```

Tetradic Color

#2d3c54
```
#2d3c54 rgb(45,60,84)
```
#364865
```
#364865 rgb(54,72,101)
```
#3f5475
```
#3f5475 rgb(63,84,117)
```
#486086
```
#486086 rgb(72,96,134)
```
#516c97
```
#516c97 rgb(81,108,151)
```
#5a78a7
```
#5a78a7 rgb(90,120,167)
```
#6b86af
```
#6b86af rgb(107,134,175)
```

Monochromatic Color

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

#487086
```
#487086 rgb(72,112,134)
```
#486a86
```
#486a86 rgb(72,106,134)
```
#486586
```
#486586 rgb(72,101,134)
```
#486086
```
#486086 rgb(72,96,134)
```
#485b86
```
#485b86 rgb(72,91,134)
```
#485686
```
#485686 rgb(72,86,134)
```
#485186
```
#485186 rgb(72,81,134)
```

Similar Colors

Text with hexadecimal color #486086

This text has a font color of #486086.

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

#486086 background color

This paragraph has a background color of #486086.

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

#486086 border color

This element has a border color of #486086.

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

CSS codes

.text {color:#486086;}

.background {background-color:#486086;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a0e13
```
#0a0e13 rgb(10,14,19)
```
#111720
```
#111720 rgb(17,23,32)
```
#18202d
```
#18202d rgb(24,32,45)
```
#1f2939
```
#1f2939 rgb(31,41,57)
```
#263246
```
#263246 rgb(38,50,70)
```
#2d3b53
```
#2d3b53 rgb(45,59,83)
```
#334560
```
#334560 rgb(51,69,96)
```
#3a4e6c
```
#3a4e6c rgb(58,78,108)
```
#415779
```
#415779 rgb(65,87,121)
```
#486086
```
#486086 rgb(72,96,134)
```
#4f6993
```
#4f6993 rgb(79,105,147)
```
#5672a0
```
#5672a0 rgb(86,114,160)
```

Shade Color Variation

#607ca9
```
#607ca9 rgb(96,124,169)
```
#6c87b0
```
#6c87b0 rgb(108,135,176)
```
#7991b7
```
#7991b7 rgb(121,145,183)
```
#869cbe
```
#869cbe rgb(134,156,190)
```
#93a6c5
```
#93a6c5 rgb(147,166,197)
```
#9fb0cc
```
#9fb0cc rgb(159,176,204)
```
#acbbd2
```
#acbbd2 rgb(172,187,210)
```
#b9c5d9
```
#b9c5d9 rgb(185,197,217)
```
#c6d0e0
```
#c6d0e0 rgb(198,208,224)
```
#d2dae7
```
#d2dae7 rgb(210,218,231)
```
#dfe5ee
```
#dfe5ee rgb(223,229,238)
```
#eceff5
```
#eceff5 rgb(236,239,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60656e is the less saturated color, while #0150cd is the most saturated one.

#60656e
```
#60656e rgb(96,101,110)
```
#586476
```
#586476 rgb(88,100,118)
```
#50627e
```
#50627e rgb(80,98,126)
```
#486086
```
#486086 rgb(72,96,134)
```
#405e8e
```
#405e8e rgb(64,94,142)
```
#385c96
```
#385c96 rgb(56,92,150)
```
#305b9e
```
#305b9e rgb(48,91,158)
```
#2859a6
```
#2859a6 rgb(40,89,166)
```
#2057ae
```
#2057ae rgb(32,87,174)
```
#1855b6
```
#1855b6 rgb(24,85,182)
```
#1153bd
```
#1153bd rgb(17,83,189)
```
#0952c5
```
#0952c5 rgb(9,82,197)
```
#0150cd
```
#0150cd rgb(1,80,205)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#595e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b668a Protanopia 1% of men
#59668d Deuteranopia 1% of men
#496c74 Tritanopia 0.001% of the population

Trichromacy

#546389 Protanomaly 1% of men, 0.01% of women
#52648a Deuteranomaly 6% of men, 0.4% of women
#48687b Tritanomaly 0.01% of the population

#486086 hex color

#486086 Color Information

#486086 Color Conversion

Color Schemes with #486086

Alternatives to #486086

#486086 Preview

Shades and Tints of #486086

Tones of #486086

Color Blindness Simulator