#486385 hex color

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

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

● #486385 color description : Dark moderate blue.

The hexadecimal color #486385 has RGB values of R:72, G:99, B:133 and CMYK values of C:0.46, M:0.26, Y:0, K:0.48. Its decimal value is 4744069.

Hex triplet	486385	`#486385`
RGB Decimal	72, 99, 133	`rgb(72,99,133)`
RGB Percent	28.2, 38.8, 52.2	`rgb(28.2%,38.8%,52.2%)`
CMYK	46, 26, 0, 48
HSL	213.4°, 29.8, 40.2	`hsl(213.4,29.8%,40.2%)`
HSV (or HSB)	213.4°, 45.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	41.207, -0.24, -22.021
XYZ	11.367, 11.994, 23.905
xyY	0.24, 0.254, 11.994
CIE-LCH	41.207, 22.022, 269.375
CIE-LUV	41.207, -13.369, -31.006
Hunter-Lab	34.633, -2.021, -16.682
Binary	01001000, 01100011, 10000101

#486385
```
#486385 rgb(72,99,133)
```
#856a48
```
#856a48 rgb(133,106,72)
```

Complementary Color

#488285
```
#488285 rgb(72,130,133)
```
#486385
```
#486385 rgb(72,99,133)
```
#4c4885
```
#4c4885 rgb(76,72,133)
```

Analogous Color

#828548
```
#828548 rgb(130,133,72)
```
#486385
```
#486385 rgb(72,99,133)
```
#854c48
```
#854c48 rgb(133,76,72)
```

Split Complementary Color

#638548
```
#638548 rgb(99,133,72)
```
#486385
```
#486385 rgb(72,99,133)
```
#854863
```
#854863 rgb(133,72,99)
```

Triadic Color

#48856a
```
#48856a rgb(72,133,106)
```
#486385
```
#486385 rgb(72,99,133)
```
#854863
```
#854863 rgb(133,72,99)
```
#856a48
```
#856a48 rgb(133,106,72)
```

Tetradic Color

#2d3e53
```
#2d3e53 rgb(45,62,83)
```
#364a64
```
#364a64 rgb(54,74,100)
```
#3f5774
```
#3f5774 rgb(63,87,116)
```
#486385
```
#486385 rgb(72,99,133)
```
#516f96
```
#516f96 rgb(81,111,150)
```
#5a7ca6
```
#5a7ca6 rgb(90,124,166)
```
#6b89af
```
#6b89af rgb(107,137,175)
```

Monochromatic Color

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

#487285
```
#487285 rgb(72,114,133)
```
#486d85
```
#486d85 rgb(72,109,133)
```
#486885
```
#486885 rgb(72,104,133)
```
#486385
```
#486385 rgb(72,99,133)
```
#485e85
```
#485e85 rgb(72,94,133)
```
#485985
```
#485985 rgb(72,89,133)
```
#485485
```
#485485 rgb(72,84,133)
```

Similar Colors

Text with hexadecimal color #486385

This text has a font color of #486385.

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

#486385 background color

This paragraph has a background color of #486385.

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

#486385 border color

This element has a border color of #486385.

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

CSS codes

.text {color:#486385;}

.background {background-color:#486385;}

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

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)
```
#1f2a39
```
#1f2a39 rgb(31,42,57)
```
#263445
```
#263445 rgb(38,52,69)
```
#2c3d52
```
#2c3d52 rgb(44,61,82)
```
#33475f
```
#33475f rgb(51,71,95)
```
#3a506c
```
#3a506c rgb(58,80,108)
```
#415a78
```
#415a78 rgb(65,90,120)
```
#486385
```
#486385 rgb(72,99,133)
```
#4f6c92
```
#4f6c92 rgb(79,108,146)
```
#56769e
```
#56769e rgb(86,118,158)
```

Shade Color Variation

#5f80a9
```
#5f80a9 rgb(95,128,169)
```
#6c8aaf
```
#6c8aaf rgb(108,138,175)
```
#7994b6
```
#7994b6 rgb(121,148,182)
```
#859ebd
```
#859ebd rgb(133,158,189)
```
#92a8c4
```
#92a8c4 rgb(146,168,196)
```
#9fb2cb
```
#9fb2cb rgb(159,178,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 #015bcc is the most saturated one.

#60666d
```
#60666d rgb(96,102,109)
```
#586575
```
#586575 rgb(88,101,117)
```
#50647d
```
#50647d rgb(80,100,125)
```
#486385
```
#486385 rgb(72,99,133)
```
#40628d
```
#40628d rgb(64,98,141)
```
#386195
```
#386195 rgb(56,97,149)
```
#30609d
```
#30609d rgb(48,96,157)
```
#285fa5
```
#285fa5 rgb(40,95,165)
```
#215eac
```
#215eac rgb(33,94,172)
```
#195eb4
```
#195eb4 rgb(25,94,180)
```
#115dbc
```
#115dbc rgb(17,93,188)
```
#095cc4
```
#095cc4 rgb(9,92,196)
```
#015bcc
```
#015bcc rgb(1,91,204)
```

Tone Color Variation

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

#5f6889 Protanopia 1% of men
#5d688c Deuteranopia 1% of men
#4a6f77 Tritanopia 0.001% of the population

Trichromacy

#566687 Protanomaly 1% of men, 0.01% of women
#556689 Deuteranomaly 6% of men, 0.4% of women
#496a7c Tritanomaly 0.01% of the population

#486385 hex color

#486385 Color Information

#486385 Color Conversion

Color Schemes with #486385

Alternatives to #486385

#486385 Preview

Shades and Tints of #486385

Tones of #486385

Color Blindness Simulator