#486180 hex color

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

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

● #486180 color description : Mostly desaturated dark blue.

The hexadecimal color #486180 has RGB values of R:72, G:97, B:128 and CMYK values of C:0.44, M:0.24, Y:0, K:0.5. Its decimal value is 4743552.

Hex triplet	486180	`#486180`
RGB Decimal	72, 97, 128	`rgb(72,97,128)`
RGB Percent	28.2, 38, 50.2	`rgb(28.2%,38%,50.2%)`
CMYK	44, 24, 0, 50
HSL	213.2°, 28, 39.2	`hsl(213.2,28%,39.2%)`
HSV (or HSB)	213.2°, 43.8, 50.2
Web Safe	336699	`#336699`

CIE-LAB	40.386, -0.548, -20.26
XYZ	10.843, 11.485, 22.066
xyY	0.244, 0.259, 11.485
CIE-LCH	40.386, 20.268, 268.45
CIE-LUV	40.386, -12.54, -28.215
Hunter-Lab	33.89, -2.198, -14.882
Binary	01001000, 01100001, 10000000

#486180
```
#486180 rgb(72,97,128)
```
#806748
```
#806748 rgb(128,103,72)
```

Complementary Color

#487d80
```
#487d80 rgb(72,125,128)
```
#486180
```
#486180 rgb(72,97,128)
```
#4b4880
```
#4b4880 rgb(75,72,128)
```

Analogous Color

#7d8048
```
#7d8048 rgb(125,128,72)
```
#486180
```
#486180 rgb(72,97,128)
```
#804b48
```
#804b48 rgb(128,75,72)
```

Split Complementary Color

#618048
```
#618048 rgb(97,128,72)
```
#486180
```
#486180 rgb(72,97,128)
```
#804861
```
#804861 rgb(128,72,97)
```

Triadic Color

#488067
```
#488067 rgb(72,128,103)
```
#486180
```
#486180 rgb(72,97,128)
```
#804861
```
#804861 rgb(128,72,97)
```
#806748
```
#806748 rgb(128,103,72)
```

Tetradic Color

#2c3c4f
```
#2c3c4f rgb(44,60,79)
```
#36485f
```
#36485f rgb(54,72,95)
```
#3f5570
```
#3f5570 rgb(63,85,112)
```
#486180
```
#486180 rgb(72,97,128)
```
#516d90
```
#516d90 rgb(81,109,144)
```
#5a7aa1
```
#5a7aa1 rgb(90,122,161)
```
#6a87ab
```
#6a87ab rgb(106,135,171)
```

Monochromatic Color

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

#486f80
```
#486f80 rgb(72,111,128)
```
#486a80
```
#486a80 rgb(72,106,128)
```
#486680
```
#486680 rgb(72,102,128)
```
#486180
```
#486180 rgb(72,97,128)
```
#485c80
```
#485c80 rgb(72,92,128)
```
#485880
```
#485880 rgb(72,88,128)
```
#485380
```
#485380 rgb(72,83,128)
```

Similar Colors

Text with hexadecimal color #486180

This text has a font color of #486180.

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

#486180 background color

This paragraph has a background color of #486180.

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

#486180 border color

This element has a border color of #486180.

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

CSS codes

.text {color:#486180;}

.background {background-color:#486180;}

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

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)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#10151c
```
#10151c rgb(16,21,28)
```
#171e28
```
#171e28 rgb(23,30,40)
```
#1e2835
```
#1e2835 rgb(30,40,53)
```
#253141
```
#253141 rgb(37,49,65)
```
#2c3b4e
```
#2c3b4e rgb(44,59,78)
```
#33445a
```
#33445a rgb(51,68,90)
```
#3a4e67
```
#3a4e67 rgb(58,78,103)
```
#415773
```
#415773 rgb(65,87,115)
```
#486180
```
#486180 rgb(72,97,128)
```
#4f6b8d
```
#4f6b8d rgb(79,107,141)
```
#567499
```
#567499 rgb(86,116,153)
```

Shade Color Variation

#5e7ea5
```
#5e7ea5 rgb(94,126,165)
```
#6b88ac
```
#6b88ac rgb(107,136,172)
```
#7792b3
```
#7792b3 rgb(119,146,179)
```
#849cba
```
#849cba rgb(132,156,186)
```
#90a6c1
```
#90a6c1 rgb(144,166,193)
```
#9db0c8
```
#9db0c8 rgb(157,176,200)
```
#aabacf
```
#aabacf rgb(170,186,207)
```
#b6c4d6
```
#b6c4d6 rgb(182,196,214)
```
#c3cedd
```
#c3cedd rgb(195,206,221)
```
#cfd9e4
```
#cfd9e4 rgb(207,217,228)
```
#dce3eb
```
#dce3eb rgb(220,227,235)
```
#e8edf2
```
#e8edf2 rgb(232,237,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#5f6369
```
#5f6369 rgb(95,99,105)
```
#576371
```
#576371 rgb(87,99,113)
```
#506278
```
#506278 rgb(80,98,120)
```
#486180
```
#486180 rgb(72,97,128)
```
#406088
```
#406088 rgb(64,96,136)
```
#395f8f
```
#395f8f rgb(57,95,143)
```
#315f97
```
#315f97 rgb(49,95,151)
```
#295e9f
```
#295e9f rgb(41,94,159)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#1a5cae
```
#1a5cae rgb(26,92,174)
```
#125bb6
```
#125bb6 rgb(18,91,182)
```
#0a5abe
```
#0a5abe rgb(10,90,190)
```
#035ac5
```
#035ac5 rgb(3,90,197)
```

Tone Color Variation

Below, you can see how #486180 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
#595e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6684 Protanopia 1% of men
#5d6687 Deuteranopia 1% of men
#4b6c74 Tritanopia 0.001% of the population

Trichromacy

#566483 Protanomaly 1% of men, 0.01% of women
#556484 Deuteranomaly 6% of men, 0.4% of women
#4a6878 Tritanomaly 0.01% of the population

#486180 hex color

#486180 Color Information

#486180 Color Conversion

Color Schemes with #486180

Alternatives to #486180

#486180 Preview

Shades and Tints of #486180

Tones of #486180

Color Blindness Simulator