#485c60 hex color

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

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

● #485c60 color description : Very dark grayish cyan.

The hexadecimal color #485c60 has RGB values of R:72, G:92, B:96 and CMYK values of C:0.25, M:0.04, Y:0, K:0.62. Its decimal value is 4742240.

Hex triplet	485c60	`#485c60`
RGB Decimal	72, 92, 96	`rgb(72,92,96)`
RGB Percent	28.2, 36.1, 37.6	`rgb(28.2%,36.1%,37.6%)`
CMYK	25, 4, 0, 62
HSL	190°, 14.3, 32.9	`hsl(190,14.3%,32.9%)`
HSV (or HSB)	190°, 25, 37.6
Web Safe	336666	`#336666`

CIE-LAB	37.619, -6.558, -4.803
XYZ	8.61, 9.876, 12.518
xyY	0.278, 0.319, 9.876
CIE-LCH	37.619, 8.129, 216.219
CIE-LUV	37.619, -10.068, -5.325
Hunter-Lab	31.427, -6.09, -1.619
Binary	01001000, 01011100, 01100000

#485c60
```
#485c60 rgb(72,92,96)
```
#604c48
```
#604c48 rgb(96,76,72)
```

Complementary Color

#486058
```
#486058 rgb(72,96,88)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#485060
```
#485060 rgb(72,80,96)
```

Analogous Color

#605848
```
#605848 rgb(96,88,72)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#604850
```
#604850 rgb(96,72,80)
```

Split Complementary Color

#5c6048
```
#5c6048 rgb(92,96,72)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#60485c
```
#60485c rgb(96,72,92)
```

Triadic Color

#48604c
```
#48604c rgb(72,96,76)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#60485c
```
#60485c rgb(96,72,92)
```
#604c48
```
#604c48 rgb(96,76,72)
```

Tetradic Color

#273234
```
#273234 rgb(39,50,52)
```
#324043
```
#324043 rgb(50,64,67)
```
#3d4e51
```
#3d4e51 rgb(61,78,81)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#536a6f
```
#536a6f rgb(83,106,111)
```
#5e787d
```
#5e787d rgb(94,120,125)
```
#69868c
```
#69868c rgb(105,134,140)
```

Monochromatic Color

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

#48605e
```
#48605e rgb(72,96,94)
```
#486060
```
#486060 rgb(72,96,96)
```
#485e60
```
#485e60 rgb(72,94,96)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#485a60
```
#485a60 rgb(72,90,96)
```
#485860
```
#485860 rgb(72,88,96)
```
#485660
```
#485660 rgb(72,86,96)
```

Similar Colors

Text with hexadecimal color #485c60

This text has a font color of #485c60.

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

#485c60 background color

This paragraph has a background color of #485c60.

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

#485c60 border color

This element has a border color of #485c60.

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

CSS codes

.text {color:#485c60;}

.background {background-color:#485c60;}

.border {border:1px solid #485c60;}

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)
```
#0d1112
```
#0d1112 rgb(13,17,18)
```
#161c1d
```
#161c1d rgb(22,28,29)
```
#1e2628
```
#1e2628 rgb(30,38,40)
```
#263133
```
#263133 rgb(38,49,51)
```
#2f3c3e
```
#2f3c3e rgb(47,60,62)
```
#37474a
```
#37474a rgb(55,71,74)
```
#405155
```
#405155 rgb(64,81,85)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#50676b
```
#50676b rgb(80,103,107)
```
#597176
```
#597176 rgb(89,113,118)
```
#617c82
```
#617c82 rgb(97,124,130)
```
#6a878d
```
#6a878d rgb(106,135,141)
```

Shade Color Variation

#749196
```
#749196 rgb(116,145,150)
```
#7f9a9f
```
#7f9a9f rgb(127,154,159)
```
#8aa2a7
```
#8aa2a7 rgb(138,162,167)
```
#95abb0
```
#95abb0 rgb(149,171,176)
```
#a0b4b8
```
#a0b4b8 rgb(160,180,184)
```
#acbdc0
```
#acbdc0 rgb(172,189,192)
```
#b7c6c9
```
#b7c6c9 rgb(183,198,201)
```
#c2cfd1
```
#c2cfd1 rgb(194,207,209)
```
#cdd8da
```
#cdd8da rgb(205,216,218)
```
#d8e1e2
```
#d8e1e2 rgb(216,225,226)
```
#e4e9eb
```
#e4e9eb rgb(228,233,235)
```
#eff2f3
```
#eff2f3 rgb(239,242,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#4e585a
```
#4e585a rgb(78,88,90)
```
#485c60
```
#485c60 rgb(72,92,96)
```
#426066
```
#426066 rgb(66,96,102)
```
#3b656d
```
#3b656d rgb(59,101,109)
```
#356973
```
#356973 rgb(53,105,115)
```
#2e6d7a
```
#2e6d7a rgb(46,109,122)
```
#287280
```
#287280 rgb(40,114,128)
```
#217687
```
#217687 rgb(33,118,135)
```
#1b7a8d
```
#1b7a8d rgb(27,122,141)
```
#147e94
```
#147e94 rgb(20,126,148)
```
#0e839a
```
#0e839a rgb(14,131,154)
```
#0787a1
```
#0787a1 rgb(7,135,161)
```
#018ba7
```
#018ba7 rgb(1,139,167)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#535758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616066 Protanopia 1% of men
#655e6a Deuteranopia 1% of men
#52646b Tritanopia 0.001% of the population

Trichromacy

#585e63 Protanomaly 1% of men, 0.01% of women
#5a5d66 Deuteranomaly 6% of men, 0.4% of women
#4e6167 Tritanomaly 0.01% of the population

#485c60 hex color

#485c60 Color Information

#485c60 Color Conversion

Color Schemes with #485c60

Alternatives to #485c60

#485c60 Preview

Shades and Tints of #485c60

Tones of #485c60

Color Blindness Simulator