#48556c hex color

In a RGB color space, hex #48556c is composed of 28.2% red, 33.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 21.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 218.3 degrees, a saturation of 20% and a lightness of 35.3%. #48556c color hex could be obtained by blending #90aad8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 33
- B 42
RGB color chart
- C 33
- M 21
- Y 0
- K 58
CMYK color chart

● #48556c color description : Very dark grayish blue.

The hexadecimal color #48556c has RGB values of R:72, G:85, B:108 and CMYK values of C:0.33, M:0.21, Y:0, K:0.58. Its decimal value is 4740460.

Hex triplet	48556c	`#48556c`
RGB Decimal	72, 85, 108	`rgb(72,85,108)`
RGB Percent	28.2, 33.3, 42.4	`rgb(28.2%,33.3%,42.4%)`
CMYK	33, 21, 0, 58
HSL	218.3°, 20, 35.3	`hsl(218.3,20%,35.3%)`
HSV (or HSB)	218.3°, 33.3, 42.4
Web Safe	336666	`#336666`

CIE-LAB	35.902, 0.991, -14.855
XYZ	8.627, 8.957, 15.461
xyY	0.261, 0.271, 8.957
CIE-LCH	35.902, 14.888, 273.817
CIE-LUV	35.902, -7.285, -19.897
Hunter-Lab	29.929, -0.921, -9.679
Binary	01001000, 01010101, 01101100

#48556c
```
#48556c rgb(72,85,108)
```
#6c5f48
```
#6c5f48 rgb(108,95,72)
```

Complementary Color

#48676c
```
#48676c rgb(72,103,108)
```
#48556c
```
#48556c rgb(72,85,108)
```
#4d486c
```
#4d486c rgb(77,72,108)
```

Analogous Color

#676c48
```
#676c48 rgb(103,108,72)
```
#48556c
```
#48556c rgb(72,85,108)
```
#6c4d48
```
#6c4d48 rgb(108,77,72)
```

Split Complementary Color

#556c48
```
#556c48 rgb(85,108,72)
```
#48556c
```
#48556c rgb(72,85,108)
```
#6c4855
```
#6c4855 rgb(108,72,85)
```

Triadic Color

#486c5f
```
#486c5f rgb(72,108,95)
```
#48556c
```
#48556c rgb(72,85,108)
```
#6c4855
```
#6c4855 rgb(108,72,85)
```
#6c5f48
```
#6c5f48 rgb(108,95,72)
```

Tetradic Color

#29313e
```
#29313e rgb(41,49,62)
```
#343d4d
```
#343d4d rgb(52,61,77)
```
#3e495d
```
#3e495d rgb(62,73,93)
```
#48556c
```
#48556c rgb(72,85,108)
```
#52617b
```
#52617b rgb(82,97,123)
```
#5c6d8b
```
#5c6d8b rgb(92,109,139)
```
#67799a
```
#67799a rgb(103,121,154)
```

Monochromatic Color

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

#485e6c
```
#485e6c rgb(72,94,108)
```
#485b6c
```
#485b6c rgb(72,91,108)
```
#48586c
```
#48586c rgb(72,88,108)
```
#48556c
```
#48556c rgb(72,85,108)
```
#48526c
```
#48526c rgb(72,82,108)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#484c6c
```
#484c6c rgb(72,76,108)
```

Similar Colors

Text with hexadecimal color #48556c

This text has a font color of #48556c.

<span style="color:#48556c;">Text here</span>

#48556c background color

This paragraph has a background color of #48556c.

<p style="background-color:#48556c;">Content here</p>

#48556c border color

This element has a border color of #48556c.

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

CSS codes

.text {color:#48556c;}

.background {background-color:#48556c;}

.border {border:1px solid #48556c;}

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

#010202
```
#010202 rgb(1,2,2)
```
#090b0e
```
#090b0e rgb(9,11,14)
```
#11141a
```
#11141a rgb(17,20,26)
```
#191d25
```
#191d25 rgb(25,29,37)
```
#212731
```
#212731 rgb(33,39,49)
```
#29303d
```
#29303d rgb(41,48,61)
```
#303949
```
#303949 rgb(48,57,73)
```
#384254
```
#384254 rgb(56,66,84)
```
#404c60
```
#404c60 rgb(64,76,96)
```
#48556c
```
#48556c rgb(72,85,108)
```
#505e78
```
#505e78 rgb(80,94,120)
```
#586884
```
#586884 rgb(88,104,132)
```
#60718f
```
#60718f rgb(96,113,143)
```

Shade Color Variation

#687a9a
```
#687a9a rgb(104,122,154)
```
#7485a2
```
#7485a2 rgb(116,133,162)
```
#808faa
```
#808faa rgb(128,143,170)
```
#8b99b2
```
#8b99b2 rgb(139,153,178)
```
#97a4ba
```
#97a4ba rgb(151,164,186)
```
#a3aec2
```
#a3aec2 rgb(163,174,194)
```
#afb8c9
```
#afb8c9 rgb(175,184,201)
```
#bac3d1
```
#bac3d1 rgb(186,195,209)
```
#c6cdd9
```
#c6cdd9 rgb(198,205,217)
```
#d2d7e1
```
#d2d7e1 rgb(210,215,225)
```
#dee2e9
```
#dee2e9 rgb(222,226,233)
```
#eaecf1
```
#eaecf1 rgb(234,236,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595e is the less saturated color, while #0342b1 is the most saturated one.

#56595e
```
#56595e rgb(86,89,94)
```
#4f5765
```
#4f5765 rgb(79,87,101)
```
#48556c
```
#48556c rgb(72,85,108)
```
#415373
```
#415373 rgb(65,83,115)
```
#3a517a
```
#3a517a rgb(58,81,122)
```
#334f81
```
#334f81 rgb(51,79,129)
```
#2c4d88
```
#2c4d88 rgb(44,77,136)
```
#254b8f
```
#254b8f rgb(37,75,143)
```
#1e4996
```
#1e4996 rgb(30,73,150)
```
#18489c
```
#18489c rgb(24,72,156)
```
#1146a3
```
#1146a3 rgb(17,70,163)
```
#0a44aa
```
#0a44aa rgb(10,68,170)
```
#0342b1
```
#0342b1 rgb(3,66,177)
```

Tone Color Variation

Below, you can see how #48556c 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

#545454 Achromatopsia 0.005% of the population
#525459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575c72 Protanopia 1% of men
#595b74 Deuteranopia 1% of men
#4e6067 Tritanopia 0.001% of the population

Trichromacy

#515970 Protanomaly 1% of men, 0.01% of women
#525971 Deuteranomaly 6% of men, 0.4% of women
#4b5c68 Tritanomaly 0.01% of the population

#48556c hex color

#48556c Color Information

#48556c Color Conversion

Color Schemes with #48556c

Alternatives to #48556c

#48556c Preview

Shades and Tints of #48556c

Tones of #48556c

Color Blindness Simulator