#48545a hex color

In a RGB color space, hex #48545a is composed of 28.2% red, 32.9% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 6.7% magenta, 0% yellow and 64.7% black. It has a hue angle of 200 degrees, a saturation of 11.1% and a lightness of 31.8%. #48545a color hex could be obtained by blending #90a8b4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 33
- B 35
RGB color chart
- C 20
- M 7
- Y 0
- K 65
CMYK color chart

● #48545a color description : Very dark grayish blue.

The hexadecimal color #48545a has RGB values of R:72, G:84, B:90 and CMYK values of C:0.2, M:0.07, Y:0, K:0.65. Its decimal value is 4740186.

Hex triplet	48545a	`#48545a`
RGB Decimal	72, 84, 90	`rgb(72,84,90)`
RGB Percent	28.2, 32.9, 35.3	`rgb(28.2%,32.9%,35.3%)`
CMYK	20, 7, 0, 65
HSL	200°, 11.1, 31.8	`hsl(200,11.1%,31.8%)`
HSV (or HSB)	200°, 20, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.916, -3.23, -5.078
XYZ	7.688, 8.456, 10.899
xyY	0.284, 0.313, 8.456
CIE-LCH	34.916, 6.018, 237.539
CIE-LUV	34.916, -6.334, -6.008
Hunter-Lab	29.08, -3.7, -1.867
Binary	01001000, 01010100, 01011010

#48545a
```
#48545a rgb(72,84,90)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```

Complementary Color

#485a57
```
#485a57 rgb(72,90,87)
```
#48545a
```
#48545a rgb(72,84,90)
```
#484b5a
```
#484b5a rgb(72,75,90)
```

Analogous Color

#5a5748
```
#5a5748 rgb(90,87,72)
```
#48545a
```
#48545a rgb(72,84,90)
```
#5a484b
```
#5a484b rgb(90,72,75)
```

Split Complementary Color

#545a48
```
#545a48 rgb(84,90,72)
```
#48545a
```
#48545a rgb(72,84,90)
```
#5a4854
```
#5a4854 rgb(90,72,84)
```

Triadic Color

#485a4e
```
#485a4e rgb(72,90,78)
```
#48545a
```
#48545a rgb(72,84,90)
```
#5a4854
```
#5a4854 rgb(90,72,84)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```

Tetradic Color

#262c30
```
#262c30 rgb(38,44,48)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#3d474c
```
#3d474c rgb(61,71,76)
```
#48545a
```
#48545a rgb(72,84,90)
```
#536168
```
#536168 rgb(83,97,104)
```
#5f6e76
```
#5f6e76 rgb(95,110,118)
```
#6a7c85
```
#6a7c85 rgb(106,124,133)
```

Monochromatic Color

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

#48595a
```
#48595a rgb(72,89,90)
```
#48575a
```
#48575a rgb(72,87,90)
```
#48565a
```
#48565a rgb(72,86,90)
```
#48545a
```
#48545a rgb(72,84,90)
```
#48535a
```
#48535a rgb(72,83,90)
```
#48515a
```
#48515a rgb(72,81,90)
```
#48505a
```
#48505a rgb(72,80,90)
```

Similar Colors

Text with hexadecimal color #48545a

This text has a font color of #48545a.

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

#48545a background color

This paragraph has a background color of #48545a.

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

#48545a border color

This element has a border color of #48545a.

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

CSS codes

.text {color:#48545a;}

.background {background-color:#48545a;}

.border {border:1px solid #48545a;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0d0e
```
#0b0d0e rgb(11,13,14)
```
#141719
```
#141719 rgb(20,23,25)
```
#1c2124
```
#1c2124 rgb(28,33,36)
```
#252b2e
```
#252b2e rgb(37,43,46)
```
#2e3539
```
#2e3539 rgb(46,53,57)
```
#374044
```
#374044 rgb(55,64,68)
```
#3f4a4f
```
#3f4a4f rgb(63,74,79)
```
#48545a
```
#48545a rgb(72,84,90)
```
#515e65
```
#515e65 rgb(81,94,101)
```
#596870
```
#596870 rgb(89,104,112)
```
#62737b
```
#62737b rgb(98,115,123)
```
#6b7d86
```
#6b7d86 rgb(107,125,134)
```

Shade Color Variation

#748790
```
#748790 rgb(116,135,144)
```
#7f9099
```
#7f9099 rgb(127,144,153)
```
#8a9aa1
```
#8a9aa1 rgb(138,154,161)
```
#95a3aa
```
#95a3aa rgb(149,163,170)
```
#a0acb3
```
#a0acb3 rgb(160,172,179)
```
#abb6bc
```
#abb6bc rgb(171,182,188)
```
#b6bfc4
```
#b6bfc4 rgb(182,191,196)
```
#c0c9cd
```
#c0c9cd rgb(192,201,205)
```
#cbd2d6
```
#cbd2d6 rgb(203,210,214)
```
#d6dcde
```
#d6dcde rgb(214,220,222)
```
#e1e5e7
```
#e1e5e7 rgb(225,229,231)
```
#eceff0
```
#eceff0 rgb(236,239,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#4e5254
```
#4e5254 rgb(78,82,84)
```
#48545a
```
#48545a rgb(72,84,90)
```
#425660
```
#425660 rgb(66,86,96)
```
#3c5866
```
#3c5866 rgb(60,88,102)
```
#355a6d
```
#355a6d rgb(53,90,109)
```
#2f5c73
```
#2f5c73 rgb(47,92,115)
```
#295e79
```
#295e79 rgb(41,94,121)
```
#23607f
```
#23607f rgb(35,96,127)
```
#1c6386
```
#1c6386 rgb(28,99,134)
```
#16658c
```
#16658c rgb(22,101,140)
```
#106792
```
#106792 rgb(16,103,146)
```
#0a6998
```
#0a6998 rgb(10,105,152)
```
#036b9f
```
#036b9f rgb(3,107,159)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4f5253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5a61 Protanopia 1% of men
#5f5863 Deuteranopia 1% of men
#515c63 Tritanopia 0.001% of the population

Trichromacy

#53585e Protanomaly 1% of men, 0.01% of women
#565760 Deuteranomaly 6% of men, 0.4% of women
#4e5960 Tritanomaly 0.01% of the population

#48545a hex color

#48545a Color Information

#48545a Color Conversion

Color Schemes with #48545a

Alternatives to #48545a

#48545a Preview

Shades and Tints of #48545a

Tones of #48545a

Color Blindness Simulator