#486a8f hex color

In a RGB color space, hex #486a8f is composed of 28.2% red, 41.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 25.9% magenta, 0% yellow and 43.9% black. It has a hue angle of 211.3 degrees, a saturation of 33% and a lightness of 42.2%. #486a8f color hex could be obtained by blending #90d4ff with #00001f. Closest websafe color is: #336699.

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

● #486a8f color description : Dark moderate blue.

The hexadecimal color #486a8f has RGB values of R:72, G:106, B:143 and CMYK values of C:0.5, M:0.26, Y:0, K:0.44. Its decimal value is 4745871.

Hex triplet	486a8f	`#486a8f`
RGB Decimal	72, 106, 143	`rgb(72,106,143)`
RGB Percent	28.2, 41.6, 56.1	`rgb(28.2%,41.6%,56.1%)`
CMYK	50, 26, 0, 44
HSL	211.3°, 33, 42.2	`hsl(211.3,33%,42.2%)`
HSV (or HSB)	211.3°, 49.7, 56.1
Web Safe	336699	`#336699`

CIE-LAB	43.753, -1.382, -24.084
XYZ	12.783, 13.668, 27.95
xyY	0.235, 0.251, 13.668
CIE-LCH	43.753, 24.123, 266.716
CIE-LUV	43.753, -16.115, -34.435
Hunter-Lab	36.971, -2.979, -18.944
Binary	01001000, 01101010, 10001111

#486a8f
```
#486a8f rgb(72,106,143)
```
#8f6d48
```
#8f6d48 rgb(143,109,72)
```

Complementary Color

#488e8f
```
#488e8f rgb(72,142,143)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#4a488f
```
#4a488f rgb(74,72,143)
```

Analogous Color

#8e8f48
```
#8e8f48 rgb(142,143,72)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#8f4a48
```
#8f4a48 rgb(143,74,72)
```

Split Complementary Color

#6a8f48
```
#6a8f48 rgb(106,143,72)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#8f486a
```
#8f486a rgb(143,72,106)
```

Triadic Color

#488f6d
```
#488f6d rgb(72,143,109)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#8f486a
```
#8f486a rgb(143,72,106)
```
#8f6d48
```
#8f6d48 rgb(143,109,72)
```

Tetradic Color

#2e445c
```
#2e445c rgb(46,68,92)
```
#37516d
```
#37516d rgb(55,81,109)
```
#3f5d7e
```
#3f5d7e rgb(63,93,126)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#5177a0
```
#5177a0 rgb(81,119,160)
```
#5d83ad
```
#5d83ad rgb(93,131,173)
```
#6e90b6
```
#6e90b6 rgb(110,144,182)
```

Monochromatic Color

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

#487c8f
```
#487c8f rgb(72,124,143)
```
#48768f
```
#48768f rgb(72,118,143)
```
#48708f
```
#48708f rgb(72,112,143)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#48648f
```
#48648f rgb(72,100,143)
```
#485e8f
```
#485e8f rgb(72,94,143)
```
#48588f
```
#48588f rgb(72,88,143)
```

Similar Colors

Text with hexadecimal color #486a8f

This text has a font color of #486a8f.

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

#486a8f background color

This paragraph has a background color of #486a8f.

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

#486a8f border color

This element has a border color of #486a8f.

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

CSS codes

.text {color:#486a8f;}

.background {background-color:#486a8f;}

.border {border:1px solid #486a8f;}

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, #06090d is the darkest color, while #feffff is the lightest one.

#06090d
```
#06090d rgb(6,9,13)
```
#0d131a
```
#0d131a rgb(13,19,26)
```
#131d27
```
#131d27 rgb(19,29,39)
```
#1a2634
```
#1a2634 rgb(26,38,52)
```
#213041
```
#213041 rgb(33,48,65)
```
#273a4e
```
#273a4e rgb(39,58,78)
```
#2e435b
```
#2e435b rgb(46,67,91)
```
#344d68
```
#344d68 rgb(52,77,104)
```
#3b5775
```
#3b5775 rgb(59,87,117)
```
#416082
```
#416082 rgb(65,96,130)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#4f749c
```
#4f749c rgb(79,116,156)
```
#557da9
```
#557da9 rgb(85,125,169)
```

Shade Color Variation

#6287b0
```
#6287b0 rgb(98,135,176)
```
#6f91b6
```
#6f91b6 rgb(111,145,182)
```
#7c9bbd
```
#7c9bbd rgb(124,155,189)
```
#89a5c4
```
#89a5c4 rgb(137,165,196)
```
#96afca
```
#96afca rgb(150,175,202)
```
#a3b9d1
```
#a3b9d1 rgb(163,185,209)
```
#b0c3d7
```
#b0c3d7 rgb(176,195,215)
```
#bdcdde
```
#bdcdde rgb(189,205,222)
```
#cad7e4
```
#cad7e4 rgb(202,215,228)
```
#d7e1eb
```
#d7e1eb rgb(215,225,235)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,242)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6e is the less saturated color, while #0667d1 is the most saturated one.

#696b6e
```
#696b6e rgb(105,107,110)
```
#616b76
```
#616b76 rgb(97,107,118)
```
#596b7e
```
#596b7e rgb(89,107,126)
```
#506a87
```
#506a87 rgb(80,106,135)
```
#486a8f
```
#486a8f rgb(72,106,143)
```
#406a97
```
#406a97 rgb(64,106,151)
```
#3769a0
```
#3769a0 rgb(55,105,160)
```
#2f69a8
```
#2f69a8 rgb(47,105,168)
```
#2769b0
```
#2769b0 rgb(39,105,176)
```
#1f68b8
```
#1f68b8 rgb(31,104,184)
```
#1668c1
```
#1668c1 rgb(22,104,193)
```
#0e68c9
```
#0e68c9 rgb(14,104,201)
```
#0667d1
```
#0667d1 rgb(6,103,209)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5e656d Atypical Achromatopsia 0.001% of the population

Dichromacy

#646e92 Protanopia 1% of men
#616e96 Deuteranopia 1% of men
#48767e Tritanopia 0.001% of the population

Trichromacy

#596c91 Protanomaly 1% of men, 0.01% of women
#586c93 Deuteranomaly 6% of men, 0.4% of women
#487184 Tritanomaly 0.01% of the population

#486a8f hex color

#486a8f Color Information

#486a8f Color Conversion

Color Schemes with #486a8f

Alternatives to #486a8f

#486a8f Preview

Shades and Tints of #486a8f

Tones of #486a8f

Color Blindness Simulator