colorhexa.com

#48485b hex color

In a RGB color space, hex #48485b is composed of 28.2% red, 28.2% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 20.9% cyan, 20.9% magenta, 0% yellow and 64.3% black. It has a hue angle of 240 degrees, a saturation of 11.7% and a lightness of 32%. #48485b color hex could be obtained by blending #9090b6 with #000000. Closest websafe color is: #333366.

- R 28
- G 28
- B 36
RGB color chart
- C 21
- M 21
- Y 0
- K 64
CMYK color chart

● #48485b color description : Very dark grayish blue.

The hexadecimal color #48485b has RGB values of R:72, G:72, B:91 and CMYK values of C:0.21, M:0.21, Y:0, K:0.64. Its decimal value is 4737115.

Hex triplet	48485b	`#48485b`
RGB Decimal	72, 72, 91	`rgb(72,72,91)`
RGB Percent	28.2, 28.2, 35.7	`rgb(28.2%,28.2%,35.7%)`
CMYK	21, 21, 0, 64
HSL	240°, 11.7, 32	`hsl(240,11.7%,32%)`
HSV (or HSB)	240°, 20.9, 35.7
Web Safe	333366	`#333366`

CIE-LAB	31.272, 4.597, -11.193
XYZ	6.878, 6.768, 10.841
xyY	0.281, 0.276, 6.768
CIE-LCH	31.272, 12.101, 292.33
CIE-LUV	31.272, -1.06, -14.675
Hunter-Lab	26.015, 1.666, -6.497
Binary	01001000, 01001000, 01011011

#48485b
```
#48485b rgb(72,72,91)
```
#5b5b48
```
#5b5b48 rgb(91,91,72)
```

Complementary Color

#48525b
```
#48525b rgb(72,82,91)
```
#48485b
```
#48485b rgb(72,72,91)
```
#52485b
```
#52485b rgb(82,72,91)
```

Analogous Color

#525b48
```
#525b48 rgb(82,91,72)
```
#48485b
```
#48485b rgb(72,72,91)
```
#5b5248
```
#5b5248 rgb(91,82,72)
```

Split Complementary Color

#262630
```
#262630 rgb(38,38,48)
```
#31313f
```
#31313f rgb(49,49,63)
```
#3d3d4d
```
#3d3d4d rgb(61,61,77)
```
#48485b
```
#48485b rgb(72,72,91)
```
#535369
```
#535369 rgb(83,83,105)
```
#5f5f77
```
#5f5f77 rgb(95,95,119)
```
#6a6a86
```
#6a6a86 rgb(106,106,134)
```

Monochromatic Color

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

#484d5b
```
#484d5b rgb(72,77,91)
```
#484b5b
```
#484b5b rgb(72,75,91)
```
#484a5b
```
#484a5b rgb(72,74,91)
```
#48485b
```
#48485b rgb(72,72,91)
```
#4a485b
```
#4a485b rgb(74,72,91)
```
#4b485b
```
#4b485b rgb(75,72,91)
```
#4d485b
```
#4d485b rgb(77,72,91)
```

Similar Colors

Text with hexadecimal color #48485b

This text has a font color of #48485b.

<span style="color:#48485b;">Text here</span>

#48485b background color

This paragraph has a background color of #48485b.

<p style="background-color:#48485b;">Content here</p>

#48485b border color

This element has a border color of #48485b.

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

CSS codes

.text {color:#48485b;}

.background {background-color:#48485b;}

.border {border:1px solid #48485b;}

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 #f7f7f9 is the lightest one.

#030303
```
#030303 rgb(3,3,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#141419
```
#141419 rgb(20,20,25)
```
#1d1d24
```
#1d1d24 rgb(29,29,36)
```
#25252f
```
#25252f rgb(37,37,47)
```
#2e2e3a
```
#2e2e3a rgb(46,46,58)
```
#373745
```
#373745 rgb(55,55,69)
```
#3f3f50
```
#3f3f50 rgb(63,63,80)
```
#48485b
```
#48485b rgb(72,72,91)
```
#515166
```
#515166 rgb(81,81,102)
```
#595971
```
#595971 rgb(89,89,113)
```
#62627c
```
#62627c rgb(98,98,124)
```
#6b6b87
```
#6b6b87 rgb(107,107,135)
```

Shade Color Variation

#747491
```
#747491 rgb(116,116,145)
```
#7f7f9a
```
#7f7f9a rgb(127,127,154)
```
#8a8aa2
```
#8a8aa2 rgb(138,138,162)
```
#9595ab
```
#9595ab rgb(149,149,171)
```
#a0a0b4
```
#a0a0b4 rgb(160,160,180)
```
#ababbc
```
#ababbc rgb(171,171,188)
```
#b6b6c5
```
#b6b6c5 rgb(182,182,197)
```
#c1c1ce
```
#c1c1ce rgb(193,193,206)
```
#ccccd6
```
#ccccd6 rgb(204,204,214)
```
#d7d7df
```
#d7d7df rgb(215,215,223)
```
#e2e2e8
```
#e2e2e8 rgb(226,226,232)
```
#ececf0
```
#ececf0 rgb(236,236,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#4e4e55
```
#4e4e55 rgb(78,78,85)
```
#48485b
```
#48485b rgb(72,72,91)
```
#424261
```
#424261 rgb(66,66,97)
```
#3b3b68
```
#3b3b68 rgb(59,59,104)
```
#35356e
```
#35356e rgb(53,53,110)
```
#2f2f74
```
#2f2f74 rgb(47,47,116)
```
#29297a
```
#29297a rgb(41,41,122)
```
#222281
```
#222281 rgb(34,34,129)
```
#1c1c87
```
#1c1c87 rgb(28,28,135)
```
#16168d
```
#16168d rgb(22,22,141)
```
#101093
```
#101093 rgb(16,16,147)
```
#09099a
```
#09099a rgb(9,9,154)
```
#0303a0
```
#0303a0 rgb(3,3,160)
```

Tone Color Variation

Below, you can see how #48485b 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

#4a4a4a Achromatopsia 0.005% of the population
#4a4a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5264 Protanopia 1% of men
#515163 Deuteranopia 1% of men
#4f5359 Tritanopia 0.001% of the population

Trichromacy

#4c4e60 Protanomaly 1% of men, 0.01% of women
#4e4d60 Deuteranomaly 6% of men, 0.4% of women
#4c4f59 Tritanomaly 0.01% of the population