#485660 hex color

In a RGB color space, hex #485660 is composed of 28.2% red, 33.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 10.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 205 degrees, a saturation of 14.3% and a lightness of 32.9%. #485660 color hex could be obtained by blending #90acc0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 34
- B 38
RGB color chart
- C 25
- M 10
- Y 0
- K 62
CMYK color chart

● #485660 color description : Very dark grayish blue.

The hexadecimal color #485660 has RGB values of R:72, G:86, B:96 and CMYK values of C:0.25, M:0.1, Y:0, K:0.62. Its decimal value is 4740704.

Hex triplet	485660	`#485660`
RGB Decimal	72, 86, 96	`rgb(72,86,96)`
RGB Percent	28.2, 33.7, 37.6	`rgb(28.2%,33.7%,37.6%)`
CMYK	25, 10, 0, 62
HSL	205°, 14.3, 32.9	`hsl(205,14.3%,32.9%)`
HSV (or HSB)	205°, 25, 37.6
Web Safe	336666	`#336666`

CIE-LAB	35.748, -2.917, -7.598
XYZ	8.111, 8.878, 12.352
xyY	0.276, 0.303, 8.878
CIE-LCH	35.748, 8.138, 248.994
CIE-LUV	35.748, -7.392, -9.434
Hunter-Lab	29.795, -3.549, -3.722
Binary	01001000, 01010110, 01100000

#485660
```
#485660 rgb(72,86,96)
```
#605248
```
#605248 rgb(96,82,72)
```

Complementary Color

#48605e
```
#48605e rgb(72,96,94)
```
#485660
```
#485660 rgb(72,86,96)
```
#484a60
```
#484a60 rgb(72,74,96)
```

Analogous Color

#605e48
```
#605e48 rgb(96,94,72)
```
#485660
```
#485660 rgb(72,86,96)
```
#60484a
```
#60484a rgb(96,72,74)
```

Split Complementary Color

#566048
```
#566048 rgb(86,96,72)
```
#485660
```
#485660 rgb(72,86,96)
```
#604856
```
#604856 rgb(96,72,86)
```

Triadic Color

#486052
```
#486052 rgb(72,96,82)
```
#485660
```
#485660 rgb(72,86,96)
```
#604856
```
#604856 rgb(96,72,86)
```
#605248
```
#605248 rgb(96,82,72)
```

Tetradic Color

#272f34
```
#272f34 rgb(39,47,52)
```
#323c43
```
#323c43 rgb(50,60,67)
```
#3d4951
```
#3d4951 rgb(61,73,81)
```
#485660
```
#485660 rgb(72,86,96)
```
#53636f
```
#53636f rgb(83,99,111)
```
#5e707d
```
#5e707d rgb(94,112,125)
```
#697d8c
```
#697d8c rgb(105,125,140)
```

Monochromatic Color

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

#485c60
```
#485c60 rgb(72,92,96)
```
#485a60
```
#485a60 rgb(72,90,96)
```
#485860
```
#485860 rgb(72,88,96)
```
#485660
```
#485660 rgb(72,86,96)
```
#485460
```
#485460 rgb(72,84,96)
```
#485260
```
#485260 rgb(72,82,96)
```
#485060
```
#485060 rgb(72,80,96)
```

Similar Colors

Text with hexadecimal color #485660

This text has a font color of #485660.

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

#485660 background color

This paragraph has a background color of #485660.

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

#485660 border color

This element has a border color of #485660.

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

CSS codes

.text {color:#485660;}

.background {background-color:#485660;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0d1012
```
#0d1012 rgb(13,16,18)
```
#161a1d
```
#161a1d rgb(22,26,29)
```
#1e2428
```
#1e2428 rgb(30,36,40)
```
#262e33
```
#262e33 rgb(38,46,51)
```
#2f383e
```
#2f383e rgb(47,56,62)
```
#37424a
```
#37424a rgb(55,66,74)
```
#404c55
```
#404c55 rgb(64,76,85)
```
#485660
```
#485660 rgb(72,86,96)
```
#50606b
```
#50606b rgb(80,96,107)
```
#596a76
```
#596a76 rgb(89,106,118)
```
#617482
```
#617482 rgb(97,116,130)
```
#6a7e8d
```
#6a7e8d rgb(106,126,141)
```

Shade Color Variation

#748896
```
#748896 rgb(116,136,150)
```
#7f929f
```
#7f929f rgb(127,146,159)
```
#8a9ba7
```
#8a9ba7 rgb(138,155,167)
```
#95a5b0
```
#95a5b0 rgb(149,165,176)
```
#a0aeb8
```
#a0aeb8 rgb(160,174,184)
```
#acb8c0
```
#acb8c0 rgb(172,184,192)
```
#b7c1c9
```
#b7c1c9 rgb(183,193,201)
```
#c2cbd1
```
#c2cbd1 rgb(194,203,209)
```
#cdd5da
```
#cdd5da rgb(205,213,218)
```
#d8dee2
```
#d8dee2 rgb(216,222,226)
```
#e4e8eb
```
#e4e8eb rgb(228,232,235)
```
#eff1f3
```
#eff1f3 rgb(239,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e555a is the less saturated color, while #0162a7 is the most saturated one.

#4e555a
```
#4e555a rgb(78,85,90)
```
#485660
```
#485660 rgb(72,86,96)
```
#425766
```
#425766 rgb(66,87,102)
```
#3b586d
```
#3b586d rgb(59,88,109)
```
#355973
```
#355973 rgb(53,89,115)
```
#2e5a7a
```
#2e5a7a rgb(46,90,122)
```
#285b80
```
#285b80 rgb(40,91,128)
```
#215c87
```
#215c87 rgb(33,92,135)
```
#1b5e8d
```
#1b5e8d rgb(27,94,141)
```
#145f94
```
#145f94 rgb(20,95,148)
```
#0e609a
```
#0e609a rgb(14,96,154)
```
#0761a1
```
#0761a1 rgb(7,97,161)
```
#0162a7
```
#0162a7 rgb(1,98,167)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#515456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5c66 Protanopia 1% of men
#5f5a69 Deuteranopia 1% of men
#505f66 Tritanopia 0.001% of the population

Trichromacy

#545a64 Protanomaly 1% of men, 0.01% of women
#565966 Deuteranomaly 6% of men, 0.4% of women
#4d5b63 Tritanomaly 0.01% of the population

#485660 hex color

#485660 Color Information

#485660 Color Conversion

Color Schemes with #485660

Alternatives to #485660

#485660 Preview

Shades and Tints of #485660

Tones of #485660

Color Blindness Simulator