#486696 hex color

In a RGB color space, hex #486696 is composed of 28.2% red, 40% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 32% magenta, 0% yellow and 41.2% black. It has a hue angle of 216.9 degrees, a saturation of 35.1% and a lightness of 43.5%. #486696 color hex could be obtained by blending #90ccff with #00002d. Closest websafe color is: #336699.

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

● #486696 color description : Dark moderate blue.

The hexadecimal color #486696 has RGB values of R:72, G:102, B:150 and CMYK values of C:0.52, M:0.32, Y:0, K:0.41. Its decimal value is 4744854.

Hex triplet	486696	`#486696`
RGB Decimal	72, 102, 150	`rgb(72,102,150)`
RGB Percent	28.2, 40, 58.8	`rgb(28.2%,40%,58.8%)`
CMYK	52, 32, 0, 41
HSL	216.9°, 35.1, 43.5	`hsl(216.9,35.1%,43.5%)`
HSV (or HSB)	216.9°, 52, 58.8
Web Safe	336699	`#336699`

CIE-LAB	42.886, 3.316, -29.613
XYZ	12.928, 13.082, 30.696
xyY	0.228, 0.231, 13.082
CIE-LCH	42.886, 29.798, 276.39
CIE-LUV	42.886, -14.598, -43.209
Hunter-Lab	36.169, 0.505, -25.001
Binary	01001000, 01100110, 10010110

#486696
```
#486696 rgb(72,102,150)
```
#967848
```
#967848 rgb(150,120,72)
```

Complementary Color

#488d96
```
#488d96 rgb(72,141,150)
```
#486696
```
#486696 rgb(72,102,150)
```
#514896
```
#514896 rgb(81,72,150)
```

Analogous Color

#8d9648
```
#8d9648 rgb(141,150,72)
```
#486696
```
#486696 rgb(72,102,150)
```
#965148
```
#965148 rgb(150,81,72)
```

Split Complementary Color

#669648
```
#669648 rgb(102,150,72)
```
#486696
```
#486696 rgb(72,102,150)
```
#964866
```
#964866 rgb(150,72,102)
```

Triadic Color

#489678
```
#489678 rgb(72,150,120)
```
#486696
```
#486696 rgb(72,102,150)
```
#964866
```
#964866 rgb(150,72,102)
```
#967848
```
#967848 rgb(150,120,72)
```

Tetradic Color

#2f4362
```
#2f4362 rgb(47,67,98)
```
#374f74
```
#374f74 rgb(55,79,116)
```
#405a85
```
#405a85 rgb(64,90,133)
```
#486696
```
#486696 rgb(72,102,150)
```
#5072a7
```
#5072a7 rgb(80,114,167)
```
#5f7fb2
```
#5f7fb2 rgb(95,127,178)
```
#708dba
```
#708dba rgb(112,141,186)
```

Monochromatic Color

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

#487a96
```
#487a96 rgb(72,122,150)
```
#487396
```
#487396 rgb(72,115,150)
```
#486d96
```
#486d96 rgb(72,109,150)
```
#486696
```
#486696 rgb(72,102,150)
```
#486096
```
#486096 rgb(72,96,150)
```
#485996
```
#485996 rgb(72,89,150)
```
#485396
```
#485396 rgb(72,83,150)
```

Similar Colors

Text with hexadecimal color #486696

This text has a font color of #486696.

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

#486696 background color

This paragraph has a background color of #486696.

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

#486696 border color

This element has a border color of #486696.

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

CSS codes

.text {color:#486696;}

.background {background-color:#486696;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080c11
```
#080c11 rgb(8,12,17)
```
#0f151f
```
#0f151f rgb(15,21,31)
```
#151e2c
```
#151e2c rgb(21,30,44)
```
#1b2739
```
#1b2739 rgb(27,39,57)
```
#223046
```
#223046 rgb(34,48,70)
```
#283954
```
#283954 rgb(40,57,84)
```
#2f4261
```
#2f4261 rgb(47,66,97)
```
#354b6e
```
#354b6e rgb(53,75,110)
```
#3b547b
```
#3b547b rgb(59,84,123)
```
#425d89
```
#425d89 rgb(66,93,137)
```
#486696
```
#486696 rgb(72,102,150)
```
#4e6fa3
```
#4e6fa3 rgb(78,111,163)
```

Shade Color Variation

#5779ae
```
#5779ae rgb(87,121,174)
```
#6483b5
```
#6483b5 rgb(100,131,181)
```
#718ebb
```
#718ebb rgb(113,142,187)
```
#7f98c1
```
#7f98c1 rgb(127,152,193)
```
#8ca3c8
```
#8ca3c8 rgb(140,163,200)
```
#99aece
```
#99aece rgb(153,174,206)
```
#a6b8d4
```
#a6b8d4 rgb(166,184,212)
```
#b4c3db
```
#b4c3db rgb(180,195,219)
```
#c1cde1
```
#c1cde1 rgb(193,205,225)
```
#ced8e8
```
#ced8e8 rgb(206,216,232)
```
#dbe3ee
```
#dbe3ee rgb(219,227,238)
```
#e9edf4
```
#e9edf4 rgb(233,237,244)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e74 is the less saturated color, while #0456da is the most saturated one.

#6a6e74
```
#6a6e74 rgb(106,110,116)
```
#626c7c
```
#626c7c rgb(98,108,124)
```
#596a85
```
#596a85 rgb(89,106,133)
```
#51688d
```
#51688d rgb(81,104,141)
```
#486696
```
#486696 rgb(72,102,150)
```
#3f649f
```
#3f649f rgb(63,100,159)
```
#3762a7
```
#3762a7 rgb(55,98,167)
```
#2e60b0
```
#2e60b0 rgb(46,96,176)
```
#265eb8
```
#265eb8 rgb(38,94,184)
```
#1d5cc1
```
#1d5cc1 rgb(29,92,193)
```
#155ac9
```
#155ac9 rgb(21,90,201)
```
#0c58d2
```
#0c58d2 rgb(12,88,210)
```
#0456da
```
#0456da rgb(4,86,218)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5e646d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6b99 Protanopia 1% of men
#576c9b Deuteranopia 1% of men
#44747c Tritanopia 0.001% of the population

Trichromacy

#556998 Protanomaly 1% of men, 0.01% of women
#516a99 Deuteranomaly 6% of men, 0.4% of women
#456f85 Tritanomaly 0.01% of the population

#486696 hex color

#486696 Color Information

#486696 Color Conversion

Color Schemes with #486696

Alternatives to #486696

#486696 Preview

Shades and Tints of #486696

Tones of #486696

Color Blindness Simulator