#485b57 hex color

In a RGB color space, hex #485b57 is composed of 28.2% red, 35.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 0% magenta, 4.4% yellow and 64.3% black. It has a hue angle of 167.4 degrees, a saturation of 11.7% and a lightness of 32%. #485b57 color hex could be obtained by blending #90b6ae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 36
- B 34
RGB color chart
- C 21
- M 0
- Y 4
- K 64
CMYK color chart

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

The hexadecimal color #485b57 has RGB values of R:72, G:91, B:87 and CMYK values of C:0.21, M:0, Y:0.04, K:0.64. Its decimal value is 4741975.

Hex triplet	485b57	`#485b57`
RGB Decimal	72, 91, 87	`rgb(72,91,87)`
RGB Percent	28.2, 35.7, 34.1	`rgb(28.2%,35.7%,34.1%)`
CMYK	21, 0, 4, 64
HSL	167.4°, 11.7, 32	`hsl(167.4,11.7%,32%)`
HSV (or HSB)	167.4°, 20.9, 35.7
Web Safe	336666	`#336666`

CIE-LAB	37.018, -8.193, -0.102
XYZ	8.133, 9.548, 10.431
xyY	0.289, 0.34, 9.548
CIE-LCH	37.018, 8.193, 180.712
CIE-LUV	37.018, -9.486, 1.033
Hunter-Lab	30.9, -7.089, 1.615
Binary	01001000, 01011011, 01010111

#485b57
```
#485b57 rgb(72,91,87)
```
#5b484c
```
#5b484c rgb(91,72,76)
```

Complementary Color

#485b4e
```
#485b4e rgb(72,91,78)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#48565b
```
#48565b rgb(72,86,91)
```

Analogous Color

#5b4e48
```
#5b4e48 rgb(91,78,72)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#5b4856
```
#5b4856 rgb(91,72,86)
```

Split Complementary Color

#5b5748
```
#5b5748 rgb(91,87,72)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#57485b
```
#57485b rgb(87,72,91)
```

Triadic Color

#4c5b48
```
#4c5b48 rgb(76,91,72)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#57485b
```
#57485b rgb(87,72,91)
```
#5b484c
```
#5b484c rgb(91,72,76)
```

Tetradic Color

#26302e
```
#26302e rgb(38,48,46)
```
#313f3c
```
#313f3c rgb(49,63,60)
```
#3d4d49
```
#3d4d49 rgb(61,77,73)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#536965
```
#536965 rgb(83,105,101)
```
#5f7772
```
#5f7772 rgb(95,119,114)
```
#6a8680
```
#6a8680 rgb(106,134,128)
```

Monochromatic Color

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

#485b52
```
#485b52 rgb(72,91,82)
```
#485b54
```
#485b54 rgb(72,91,84)
```
#485b55
```
#485b55 rgb(72,91,85)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#485b59
```
#485b59 rgb(72,91,89)
```
#485b5a
```
#485b5a rgb(72,91,90)
```
#485a5b
```
#485a5b rgb(72,90,91)
```

Similar Colors

Text with hexadecimal color #485b57

This text has a font color of #485b57.

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

#485b57 background color

This paragraph has a background color of #485b57.

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

#485b57 border color

This element has a border color of #485b57.

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

CSS codes

.text {color:#485b57;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0b0e0e
```
#0b0e0e rgb(11,14,14)
```
#141918
```
#141918 rgb(20,25,24)
```
#1d2423
```
#1d2423 rgb(29,36,35)
```
#252f2d
```
#252f2d rgb(37,47,45)
```
#2e3a38
```
#2e3a38 rgb(46,58,56)
```
#374542
```
#374542 rgb(55,69,66)
```
#3f504d
```
#3f504d rgb(63,80,77)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#516661
```
#516661 rgb(81,102,97)
```
#59716c
```
#59716c rgb(89,113,108)
```
#627c76
```
#627c76 rgb(98,124,118)
```
#6b8781
```
#6b8781 rgb(107,135,129)
```

Shade Color Variation

#74918b
```
#74918b rgb(116,145,139)
```
#7f9a94
```
#7f9a94 rgb(127,154,148)
```
#8aa29d
```
#8aa29d rgb(138,162,157)
```
#95aba6
```
#95aba6 rgb(149,171,166)
```
#a0b4b0
```
#a0b4b0 rgb(160,180,176)
```
#abbcb9
```
#abbcb9 rgb(171,188,185)
```
#b6c5c2
```
#b6c5c2 rgb(182,197,194)
```
#c1cecb
```
#c1cecb rgb(193,206,203)
```
#ccd6d4
```
#ccd6d4 rgb(204,214,212)
```
#d7dfdd
```
#d7dfdd rgb(215,223,221)
```
#e2e8e6
```
#e2e8e6 rgb(226,232,230)
```
#ecf0f0
```
#ecf0f0 rgb(236,240,240)
```
#f7f9f9
```
#f7f9f9 rgb(247,249,249)
```

Tint Color Variation

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

#4e5553
```
#4e5553 rgb(78,85,83)
```
#485b57
```
#485b57 rgb(72,91,87)
```
#42615b
```
#42615b rgb(66,97,91)
```
#3b685e
```
#3b685e rgb(59,104,94)
```
#356e62
```
#356e62 rgb(53,110,98)
```
#2f7466
```
#2f7466 rgb(47,116,102)
```
#297a69
```
#297a69 rgb(41,122,105)
```
#22816d
```
#22816d rgb(34,129,109)
```
#1c8770
```
#1c8770 rgb(28,135,112)
```
#168d74
```
#168d74 rgb(22,141,116)
```
#109378
```
#109378 rgb(16,147,120)
```
#099a7b
```
#099a7b rgb(9,154,123)
```
#03a07f
```
#03a07f rgb(3,160,127)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#525655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615f5d Protanopia 1% of men
#675d61 Deuteranopia 1% of men
#536269 Tritanopia 0.001% of the population

Trichromacy

#585d5b Protanomaly 1% of men, 0.01% of women
#5c5c5d Deuteranomaly 6% of men, 0.4% of women
#4f5f62 Tritanomaly 0.01% of the population

#485b57 hex color

#485b57 Color Information

#485b57 Color Conversion

Color Schemes with #485b57

Alternatives to #485b57

#485b57 Preview

Shades and Tints of #485b57

Tones of #485b57

Color Blindness Simulator