#484d57 hex color

In a RGB color space, hex #484d57 is composed of 28.2% red, 30.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 11.5% magenta, 0% yellow and 65.9% black. It has a hue angle of 220 degrees, a saturation of 9.4% and a lightness of 31.2%. #484d57 color hex could be obtained by blending #909aae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 30
- B 34
RGB color chart
- C 17
- M 11
- Y 0
- K 66
CMYK color chart

● #484d57 color description : Very dark grayish blue.

The hexadecimal color #484d57 has RGB values of R:72, G:77, B:87 and CMYK values of C:0.17, M:0.11, Y:0, K:0.66. Its decimal value is 4738391.

Hex triplet	484d57	`#484d57`
RGB Decimal	72, 77, 87	`rgb(72,77,87)`
RGB Percent	28.2, 30.2, 34.1	`rgb(28.2%,30.2%,34.1%)`
CMYK	17, 11, 0, 66
HSL	220°, 9.4, 31.2	`hsl(220,9.4%,31.2%)`
HSV (or HSB)	220°, 17.2, 34.1
Web Safe	336666	`#336666`

CIE-LAB	32.643, 0.379, -6.574
XYZ	7.046, 7.374, 10.068
xyY	0.288, 0.301, 7.374
CIE-LCH	32.643, 6.585, 273.295
CIE-LUV	32.643, -3.06, -8.277
Hunter-Lab	27.154, -1.2, -2.976
Binary	01001000, 01001101, 01010111

#484d57
```
#484d57 rgb(72,77,87)
```
#575248
```
#575248 rgb(87,82,72)
```

Complementary Color

#485557
```
#485557 rgb(72,85,87)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#4b4857
```
#4b4857 rgb(75,72,87)
```

Analogous Color

#555748
```
#555748 rgb(85,87,72)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#574b48
```
#574b48 rgb(87,75,72)
```

Split Complementary Color

#4d5748
```
#4d5748 rgb(77,87,72)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#57484d
```
#57484d rgb(87,72,77)
```

Triadic Color

#485752
```
#485752 rgb(72,87,82)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#57484d
```
#57484d rgb(87,72,77)
```
#575248
```
#575248 rgb(87,82,72)
```

Tetradic Color

#25282d
```
#25282d rgb(37,40,45)
```
#31343b
```
#31343b rgb(49,52,59)
```
#3c4149
```
#3c4149 rgb(60,65,73)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#545965
```
#545965 rgb(84,89,101)
```
#5f6673
```
#5f6673 rgb(95,102,115)
```
#6b7281
```
#6b7281 rgb(107,114,129)
```

Monochromatic Color

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

#485157
```
#485157 rgb(72,81,87)
```
#485057
```
#485057 rgb(72,80,87)
```
#484e57
```
#484e57 rgb(72,78,87)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#484c57
```
#484c57 rgb(72,76,87)
```
#484b57
```
#484b57 rgb(72,75,87)
```
#484957
```
#484957 rgb(72,73,87)
```

Similar Colors

Text with hexadecimal color #484d57

This text has a font color of #484d57.

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

#484d57 background color

This paragraph has a background color of #484d57.

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

#484d57 border color

This element has a border color of #484d57.

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

CSS codes

.text {color:#484d57;}

.background {background-color:#484d57;}

.border {border:1px solid #484d57;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#131417
```
#131417 rgb(19,20,23)
```
#1c1e21
```
#1c1e21 rgb(28,30,33)
```
#24272c
```
#24272c rgb(36,39,44)
```
#2d3137
```
#2d3137 rgb(45,49,55)
```
#363a42
```
#363a42 rgb(54,58,66)
```
#3f444c
```
#3f444c rgb(63,68,76)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#515662
```
#515662 rgb(81,86,98)
```
#5a606c
```
#5a606c rgb(90,96,108)
```
#636977
```
#636977 rgb(99,105,119)
```
#6c7382
```
#6c7382 rgb(108,115,130)
```

Shade Color Variation

#757d8c
```
#757d8c rgb(117,125,140)
```
#7f8795
```
#7f8795 rgb(127,135,149)
```
#8a919e
```
#8a919e rgb(138,145,158)
```
#959ba7
```
#959ba7 rgb(149,155,167)
```
#a0a5b0
```
#a0a5b0 rgb(160,165,176)
```
#aaafb9
```
#aaafb9 rgb(170,175,185)
```
#b5b9c2
```
#b5b9c2 rgb(181,185,194)
```
#c0c3cb
```
#c0c3cb rgb(192,195,203)
```
#cacdd4
```
#cacdd4 rgb(202,205,212)
```
#d5d8dc
```
#d5d8dc rgb(213,216,220)
```
#e0e2e5
```
#e0e2e5 rgb(224,226,229)
```
#ebecee
```
#ebecee rgb(235,236,238)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#4e4f51
```
#4e4f51 rgb(78,79,81)
```
#484d57
```
#484d57 rgb(72,77,87)
```
#424b5d
```
#424b5d rgb(66,75,93)
```
#3c4963
```
#3c4963 rgb(60,73,99)
```
#364769
```
#364769 rgb(54,71,105)
```
#30456f
```
#30456f rgb(48,69,111)
```
#294376
```
#294376 rgb(41,67,118)
```
#23417c
```
#23417c rgb(35,65,124)
```
#1d3f82
```
#1d3f82 rgb(29,63,130)
```
#173d88
```
#173d88 rgb(23,61,136)
```
#113b8e
```
#113b8e rgb(17,59,142)
```
#0b3994
```
#0b3994 rgb(11,57,148)
```
#05379a
```
#05379a rgb(5,55,154)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4c4d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#54555f Protanopia 1% of men
#585460 Deuteranopia 1% of men
#50565c Tritanopia 0.001% of the population

Trichromacy

#50525c Protanomaly 1% of men, 0.01% of women
#52515d Deuteranomaly 6% of men, 0.4% of women
#4d535a Tritanomaly 0.01% of the population

#484d57 hex color

#484d57 Color Information

#484d57 Color Conversion

Color Schemes with #484d57

Alternatives to #484d57

#484d57 Preview

Shades and Tints of #484d57

Tones of #484d57

Color Blindness Simulator