#486c81 hex color

In a RGB color space, hex #486c81 is composed of 28.2% red, 42.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 16.3% magenta, 0% yellow and 49.4% black. It has a hue angle of 202.1 degrees, a saturation of 28.4% and a lightness of 39.4%. #486c81 color hex could be obtained by blending #90d8ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 42
- B 51
RGB color chart
- C 44
- M 16
- Y 0
- K 49
CMYK color chart

● #486c81 color description : Mostly desaturated dark blue.

The hexadecimal color #486c81 has RGB values of R:72, G:108, B:129 and CMYK values of C:0.44, M:0.16, Y:0, K:0.49. Its decimal value is 4746369.

Hex triplet	486c81	`#486c81`
RGB Decimal	72, 108, 129	`rgb(72,108,129)`
RGB Percent	28.2, 42.4, 50.6	`rgb(28.2%,42.4%,50.6%)`
CMYK	44, 16, 0, 49
HSL	202.1°, 28.4, 39.4	`hsl(202.1,28.4%,39.4%)`
HSV (or HSB)	202.1°, 44.2, 50.6
Web Safe	336699	`#336699`

CIE-LAB	43.781, -6.868, -15.655
XYZ	11.997, 13.687, 22.777
xyY	0.248, 0.282, 13.687
CIE-LCH	43.781, 17.095, 246.312
CIE-LUV	43.781, -16.985, -21.1
Hunter-Lab	36.996, -6.862, -10.606
Binary	01001000, 01101100, 10000001

#486c81
```
#486c81 rgb(72,108,129)
```
#815d48
```
#815d48 rgb(129,93,72)
```

Complementary Color

#48817a
```
#48817a rgb(72,129,122)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#485081
```
#485081 rgb(72,80,129)
```

Analogous Color

#817a48
```
#817a48 rgb(129,122,72)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#814850
```
#814850 rgb(129,72,80)
```

Split Complementary Color

#6c8148
```
#6c8148 rgb(108,129,72)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#81486c
```
#81486c rgb(129,72,108)
```

Triadic Color

#48815d
```
#48815d rgb(72,129,93)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#81486c
```
#81486c rgb(129,72,108)
```
#815d48
```
#815d48 rgb(129,93,72)
```

Tetradic Color

#2d4350
```
#2d4350 rgb(45,67,80)
```
#365160
```
#365160 rgb(54,81,96)
```
#3f5e71
```
#3f5e71 rgb(63,94,113)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#517a91
```
#517a91 rgb(81,122,145)
```
#5a87a2
```
#5a87a2 rgb(90,135,162)
```
#6a93ac
```
#6a93ac rgb(106,147,172)
```

Monochromatic Color

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

#487a81
```
#487a81 rgb(72,122,129)
```
#487681
```
#487681 rgb(72,118,129)
```
#487181
```
#487181 rgb(72,113,129)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#486781
```
#486781 rgb(72,103,129)
```
#486381
```
#486381 rgb(72,99,129)
```
#485e81
```
#485e81 rgb(72,94,129)
```

Similar Colors

Text with hexadecimal color #486c81

This text has a font color of #486c81.

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

#486c81 background color

This paragraph has a background color of #486c81.

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

#486c81 border color

This element has a border color of #486c81.

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

CSS codes

.text {color:#486c81;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090d10
```
#090d10 rgb(9,13,16)
```
#10181c
```
#10181c rgb(16,24,28)
```
#172229
```
#172229 rgb(23,34,41)
```
#1e2d35
```
#1e2d35 rgb(30,45,53)
```
#253742
```
#253742 rgb(37,55,66)
```
#2c424f
```
#2c424f rgb(44,66,79)
```
#334c5b
```
#334c5b rgb(51,76,91)
```
#3a5768
```
#3a5768 rgb(58,87,104)
```
#416174
```
#416174 rgb(65,97,116)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#4f778e
```
#4f778e rgb(79,119,142)
```
#56819a
```
#56819a rgb(86,129,154)
```

Shade Color Variation

#5e8ba5
```
#5e8ba5 rgb(94,139,165)
```
#6b94ac
```
#6b94ac rgb(107,148,172)
```
#789db3
```
#789db3 rgb(120,157,179)
```
#84a6ba
```
#84a6ba rgb(132,166,186)
```
#91b0c1
```
#91b0c1 rgb(145,176,193)
```
#9db9c9
```
#9db9c9 rgb(157,185,201)
```
#aac2d0
```
#aac2d0 rgb(170,194,208)
```
#b7cbd7
```
#b7cbd7 rgb(183,203,215)
```
#c3d4de
```
#c3d4de rgb(195,212,222)
```
#d0dde5
```
#d0dde5 rgb(208,221,229)
```
#dce6ec
```
#dce6ec rgb(220,230,236)
```
#e9eff3
```
#e9eff3 rgb(233,239,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#5f666a
```
#5f666a rgb(95,102,106)
```
#576872
```
#576872 rgb(87,104,114)
```
#506a79
```
#506a79 rgb(80,106,121)
```
#486c81
```
#486c81 rgb(72,108,129)
```
#406e89
```
#406e89 rgb(64,110,137)
```
#397090
```
#397090 rgb(57,112,144)
```
#317298
```
#317298 rgb(49,114,152)
```
#2974a0
```
#2974a0 rgb(41,116,160)
```
#2176a8
```
#2176a8 rgb(33,118,168)
```
#1a78af
```
#1a78af rgb(26,120,175)
```
#127ab7
```
#127ab7 rgb(18,122,183)
```
#0a7cbf
```
#0a7cbf rgb(10,124,191)
```
#027ec7
```
#027ec7 rgb(2,126,199)
```

Tone Color Variation

Below, you can see how #486c81 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
#5e666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6e84 Protanopia 1% of men
#6b6d89 Deuteranopia 1% of men
#4e757d Tritanopia 0.001% of the population

Trichromacy

#5d6d83 Protanomaly 1% of men, 0.01% of women
#5e6c86 Deuteranomaly 6% of men, 0.4% of women
#4b717f Tritanomaly 0.01% of the population

#486c81 hex color

#486c81 Color Information

#486c81 Color Conversion

Color Schemes with #486c81

Alternatives to #486c81

#486c81 Preview

Shades and Tints of #486c81

Tones of #486c81

Color Blindness Simulator