#48576d hex color

In a RGB color space, hex #48576d is composed of 28.2% red, 34.1% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 20.2% magenta, 0% yellow and 57.3% black. It has a hue angle of 215.7 degrees, a saturation of 20.4% and a lightness of 35.5%. #48576d color hex could be obtained by blending #90aeda with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 34
- B 43
RGB color chart
- C 34
- M 20
- Y 0
- K 57
CMYK color chart

● #48576d color description : Very dark grayish blue.

The hexadecimal color #48576d has RGB values of R:72, G:87, B:109 and CMYK values of C:0.34, M:0.2, Y:0, K:0.57. Its decimal value is 4740973.

Hex triplet	48576d	`#48576d`
RGB Decimal	72, 87, 109	`rgb(72,87,109)`
RGB Percent	28.2, 34.1, 42.7	`rgb(28.2%,34.1%,42.7%)`
CMYK	34, 20, 0, 57
HSL	215.7°, 20.4, 35.5	`hsl(215.7,20.4%,35.5%)`
HSV (or HSB)	215.7°, 33.9, 42.7
Web Safe	336666	`#336666`

CIE-LAB	36.552, 0.025, -14.483
XYZ	8.84, 9.298, 15.796
xyY	0.261, 0.274, 9.298
CIE-LCH	36.552, 14.483, 270.1
CIE-LUV	36.552, -8.147, -19.354
Hunter-Lab	30.493, -1.611, -9.369
Binary	01001000, 01010111, 01101101

#48576d
```
#48576d rgb(72,87,109)
```
#6d5e48
```
#6d5e48 rgb(109,94,72)
```

Complementary Color

#486a6d
```
#486a6d rgb(72,106,109)
```
#48576d
```
#48576d rgb(72,87,109)
```
#4c486d
```
#4c486d rgb(76,72,109)
```

Analogous Color

#6a6d48
```
#6a6d48 rgb(106,109,72)
```
#48576d
```
#48576d rgb(72,87,109)
```
#6d4c48
```
#6d4c48 rgb(109,76,72)
```

Split Complementary Color

#576d48
```
#576d48 rgb(87,109,72)
```
#48576d
```
#48576d rgb(72,87,109)
```
#6d4857
```
#6d4857 rgb(109,72,87)
```

Triadic Color

#486d5e
```
#486d5e rgb(72,109,94)
```
#48576d
```
#48576d rgb(72,87,109)
```
#6d4857
```
#6d4857 rgb(109,72,87)
```
#6d5e48
```
#6d5e48 rgb(109,94,72)
```

Tetradic Color

#2a323f
```
#2a323f rgb(42,50,63)
```
#343e4e
```
#343e4e rgb(52,62,78)
```
#3e4b5e
```
#3e4b5e rgb(62,75,94)
```
#48576d
```
#48576d rgb(72,87,109)
```
#52637c
```
#52637c rgb(82,99,124)
```
#5c708c
```
#5c708c rgb(92,112,140)
```
#677c9b
```
#677c9b rgb(103,124,155)
```

Monochromatic Color

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

#48606d
```
#48606d rgb(72,96,109)
```
#485d6d
```
#485d6d rgb(72,93,109)
```
#485a6d
```
#485a6d rgb(72,90,109)
```
#48576d
```
#48576d rgb(72,87,109)
```
#48546d
```
#48546d rgb(72,84,109)
```
#48516d
```
#48516d rgb(72,81,109)
```
#484e6d
```
#484e6d rgb(72,78,109)
```

Similar Colors

Text with hexadecimal color #48576d

This text has a font color of #48576d.

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

#48576d background color

This paragraph has a background color of #48576d.

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

#48576d border color

This element has a border color of #48576d.

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

CSS codes

.text {color:#48576d;}

.background {background-color:#48576d;}

.border {border:1px solid #48576d;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#11151a
```
#11151a rgb(17,21,26)
```
#191e26
```
#191e26 rgb(25,30,38)
```
#212832
```
#212832 rgb(33,40,50)
```
#29313e
```
#29313e rgb(41,49,62)
```
#313b4a
```
#313b4a rgb(49,59,74)
```
#384455
```
#384455 rgb(56,68,85)
```
#404e61
```
#404e61 rgb(64,78,97)
```
#48576d
```
#48576d rgb(72,87,109)
```
#506079
```
#506079 rgb(80,96,121)
```
#586a85
```
#586a85 rgb(88,106,133)
```
#5f7390
```
#5f7390 rgb(95,115,144)
```

Shade Color Variation

#687d9b
```
#687d9b rgb(104,125,155)
```
#7487a3
```
#7487a3 rgb(116,135,163)
```
#8091ab
```
#8091ab rgb(128,145,171)
```
#8c9bb3
```
#8c9bb3 rgb(140,155,179)
```
#97a6bb
```
#97a6bb rgb(151,166,187)
```
#a3b0c2
```
#a3b0c2 rgb(163,176,194)
```
#afbaca
```
#afbaca rgb(175,186,202)
```
#bbc4d2
```
#bbc4d2 rgb(187,196,210)
```
#c7ceda
```
#c7ceda rgb(199,206,218)
```
#d2d9e2
```
#d2d9e2 rgb(210,217,226)
```
#dee3e9
```
#dee3e9 rgb(222,227,233)
```
#eaedf1
```
#eaedf1 rgb(234,237,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a5f is the less saturated color, while #024ab3 is the most saturated one.

#565a5f
```
#565a5f rgb(86,90,95)
```
#4f5866
```
#4f5866 rgb(79,88,102)
```
#48576d
```
#48576d rgb(72,87,109)
```
#415674
```
#415674 rgb(65,86,116)
```
#3a547b
```
#3a547b rgb(58,84,123)
```
#335382
```
#335382 rgb(51,83,130)
```
#2c5289
```
#2c5289 rgb(44,82,137)
```
#255090
```
#255090 rgb(37,80,144)
```
#1e4f97
```
#1e4f97 rgb(30,79,151)
```
#174e9e
```
#174e9e rgb(23,78,158)
```
#104ca5
```
#104ca5 rgb(16,76,165)
```
#094bac
```
#094bac rgb(9,75,172)
```
#024ab3
```
#024ab3 rgb(2,74,179)
```

Tone Color Variation

Below, you can see how #48576d 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
#52555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#595d73 Protanopia 1% of men
#5b5d75 Deuteranopia 1% of men
#4e6168 Tritanopia 0.001% of the population

Trichromacy

#535b71 Protanomaly 1% of men, 0.01% of women
#545a72 Deuteranomaly 6% of men, 0.4% of women
#4c5d6a Tritanomaly 0.01% of the population

#48576d hex color

#48576d Color Information

#48576d Color Conversion

Color Schemes with #48576d

Alternatives to #48576d

#48576d Preview

Shades and Tints of #48576d

Tones of #48576d

Color Blindness Simulator