#486485 hex color

In a RGB color space, hex #486485 is composed of 28.2% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 24.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 212.5 degrees, a saturation of 29.8% and a lightness of 40.2%. #486485 color hex could be obtained by blending #90c8ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 39
- B 52
RGB color chart
- C 46
- M 25
- Y 0
- K 48
CMYK color chart

● #486485 color description : Dark moderate blue.

The hexadecimal color #486485 has RGB values of R:72, G:100, B:133 and CMYK values of C:0.46, M:0.25, Y:0, K:0.48. Its decimal value is 4744325.

Hex triplet	486485	`#486485`
RGB Decimal	72, 100, 133	`rgb(72,100,133)`
RGB Percent	28.2, 39.2, 52.2	`rgb(28.2%,39.2%,52.2%)`
CMYK	46, 25, 0, 48
HSL	212.5°, 29.8, 40.2	`hsl(212.5,29.8%,40.2%)`
HSV (or HSB)	212.5°, 45.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	41.509, -0.853, -21.554
XYZ	11.462, 12.185, 23.937
xyY	0.241, 0.256, 12.185
CIE-LCH	41.509, 21.571, 267.734
CIE-LUV	41.509, -13.763, -30.292
Hunter-Lab	34.907, -2.474, -16.222
Binary	01001000, 01100100, 10000101

#486485
```
#486485 rgb(72,100,133)
```
#856948
```
#856948 rgb(133,105,72)
```

Complementary Color

#488385
```
#488385 rgb(72,131,133)
```
#486485
```
#486485 rgb(72,100,133)
```
#4b4885
```
#4b4885 rgb(75,72,133)
```

Analogous Color

#838548
```
#838548 rgb(131,133,72)
```
#486485
```
#486485 rgb(72,100,133)
```
#854b48
```
#854b48 rgb(133,75,72)
```

Split Complementary Color

#648548
```
#648548 rgb(100,133,72)
```
#486485
```
#486485 rgb(72,100,133)
```
#854864
```
#854864 rgb(133,72,100)
```

Triadic Color

#488569
```
#488569 rgb(72,133,105)
```
#486485
```
#486485 rgb(72,100,133)
```
#854864
```
#854864 rgb(133,72,100)
```
#856948
```
#856948 rgb(133,105,72)
```

Tetradic Color

#2d3f53
```
#2d3f53 rgb(45,63,83)
```
#364b64
```
#364b64 rgb(54,75,100)
```
#3f5874
```
#3f5874 rgb(63,88,116)
```
#486485
```
#486485 rgb(72,100,133)
```
#517096
```
#517096 rgb(81,112,150)
```
#5a7da6
```
#5a7da6 rgb(90,125,166)
```
#6b8aaf
```
#6b8aaf rgb(107,138,175)
```

Monochromatic Color

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

#487385
```
#487385 rgb(72,115,133)
```
#486e85
```
#486e85 rgb(72,110,133)
```
#486985
```
#486985 rgb(72,105,133)
```
#486485
```
#486485 rgb(72,100,133)
```
#485f85
```
#485f85 rgb(72,95,133)
```
#485a85
```
#485a85 rgb(72,90,133)
```
#485585
```
#485585 rgb(72,85,133)
```

Similar Colors

Text with hexadecimal color #486485

This text has a font color of #486485.

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

#486485 background color

This paragraph has a background color of #486485.

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

#486485 border color

This element has a border color of #486485.

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

CSS codes

.text {color:#486485;}

.background {background-color:#486485;}

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0e12
```
#0a0e12 rgb(10,14,18)
```
#11171f
```
#11171f rgb(17,23,31)
```
#18212c
```
#18212c rgb(24,33,44)
```
#1f2b39
```
#1f2b39 rgb(31,43,57)
```
#263445
```
#263445 rgb(38,52,69)
```
#2c3e52
```
#2c3e52 rgb(44,62,82)
```
#33475f
```
#33475f rgb(51,71,95)
```
#3a516c
```
#3a516c rgb(58,81,108)
```
#415a78
```
#415a78 rgb(65,90,120)
```
#486485
```
#486485 rgb(72,100,133)
```
#4f6e92
```
#4f6e92 rgb(79,110,146)
```
#56779e
```
#56779e rgb(86,119,158)
```

Shade Color Variation

#5f81a9
```
#5f81a9 rgb(95,129,169)
```
#6c8baf
```
#6c8baf rgb(108,139,175)
```
#7995b6
```
#7995b6 rgb(121,149,182)
```
#859fbd
```
#859fbd rgb(133,159,189)
```
#92a9c4
```
#92a9c4 rgb(146,169,196)
```
#9fb3cb
```
#9fb3cb rgb(159,179,203)
```
#acbdd2
```
#acbdd2 rgb(172,189,210)
```
#b8c7d9
```
#b8c7d9 rgb(184,199,217)
```
#c5d1e0
```
#c5d1e0 rgb(197,209,224)
```
#d2dbe7
```
#d2dbe7 rgb(210,219,231)
```
#dfe5ed
```
#dfe5ed rgb(223,229,237)
```
#ebeff4
```
#ebeff4 rgb(235,239,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60666d is the less saturated color, while #015ecc is the most saturated one.

#60666d
```
#60666d rgb(96,102,109)
```
#586575
```
#586575 rgb(88,101,117)
```
#50657d
```
#50657d rgb(80,101,125)
```
#486485
```
#486485 rgb(72,100,133)
```
#40638d
```
#40638d rgb(64,99,141)
```
#386395
```
#386395 rgb(56,99,149)
```
#30629d
```
#30629d rgb(48,98,157)
```
#2861a5
```
#2861a5 rgb(40,97,165)
```
#2161ac
```
#2161ac rgb(33,97,172)
```
#1960b4
```
#1960b4 rgb(25,96,180)
```
#115fbc
```
#115fbc rgb(17,95,188)
```
#095fc4
```
#095fc4 rgb(9,95,196)
```
#015ecc
```
#015ecc rgb(1,94,204)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a6067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606889 Protanopia 1% of men
#5f688c Deuteranopia 1% of men
#4a6f77 Tritanopia 0.001% of the population

Trichromacy

#576787 Protanomaly 1% of men, 0.01% of women
#566789 Deuteranomaly 6% of men, 0.4% of women
#496b7c Tritanomaly 0.01% of the population

#486485 hex color

#486485 Color Information

#486485 Color Conversion

Color Schemes with #486485

Alternatives to #486485

#486485 Preview

Shades and Tints of #486485

Tones of #486485

Color Blindness Simulator