#484c5a hex color

In a RGB color space, hex #484c5a is composed of 28.2% red, 29.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 15.6% magenta, 0% yellow and 64.7% black. It has a hue angle of 226.7 degrees, a saturation of 11.1% and a lightness of 31.8%. #484c5a color hex could be obtained by blending #9098b4 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #484c5a has RGB values of R:72, G:76, B:90 and CMYK values of C:0.2, M:0.16, Y:0, K:0.65. Its decimal value is 4738138.

Hex triplet	484c5a	`#484c5a`
RGB Decimal	72, 76, 90	`rgb(72,76,90)`
RGB Percent	28.2, 29.8, 35.3	`rgb(28.2%,29.8%,35.3%)`
CMYK	20, 16, 0, 65
HSL	226.7°, 11.1, 31.8	`hsl(226.7,11.1%,31.8%)`
HSV (or HSB)	226.7°, 20, 35.3
Web Safe	333366	`#333366`

CIE-LAB	32.446, 1.776, -8.777
XYZ	7.102, 7.285, 10.704
xyY	0.283, 0.29, 7.285
CIE-LCH	32.446, 8.955, 281.437
CIE-LUV	32.446, -2.75, -11.302
Hunter-Lab	26.99, -0.263, -4.621
Binary	01001000, 01001100, 01011010

#484c5a
```
#484c5a rgb(72,76,90)
```
#5a5648
```
#5a5648 rgb(90,86,72)
```

Complementary Color

#48555a
```
#48555a rgb(72,85,90)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#4d485a
```
#4d485a rgb(77,72,90)
```

Analogous Color

#555a48
```
#555a48 rgb(85,90,72)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```

Split Complementary Color

#4c5a48
```
#4c5a48 rgb(76,90,72)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#5a484c
```
#5a484c rgb(90,72,76)
```

Triadic Color

#485a56
```
#485a56 rgb(72,90,86)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#5a484c
```
#5a484c rgb(90,72,76)
```
#5a5648
```
#5a5648 rgb(90,86,72)
```

Tetradic Color

#262830
```
#262830 rgb(38,40,48)
```
#31343e
```
#31343e rgb(49,52,62)
```
#3d404c
```
#3d404c rgb(61,64,76)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#535868
```
#535868 rgb(83,88,104)
```
#5f6476
```
#5f6476 rgb(95,100,118)
```
#6a7085
```
#6a7085 rgb(106,112,133)
```

Monochromatic Color

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

#48515a
```
#48515a rgb(72,81,90)
```
#484f5a
```
#484f5a rgb(72,79,90)
```
#484e5a
```
#484e5a rgb(72,78,90)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#484b5a
```
#484b5a rgb(72,75,90)
```
#48495a
```
#48495a rgb(72,73,90)
```
#49485a
```
#49485a rgb(73,72,90)
```

Similar Colors

Text with hexadecimal color #484c5a

This text has a font color of #484c5a.

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

#484c5a background color

This paragraph has a background color of #484c5a.

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

#484c5a border color

This element has a border color of #484c5a.

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

CSS codes

.text {color:#484c5a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0c0e
```
#0b0c0e rgb(11,12,14)
```
#141519
```
#141519 rgb(20,21,25)
```
#1c1e24
```
#1c1e24 rgb(28,30,36)
```
#25272e
```
#25272e rgb(37,39,46)
```
#2e3039
```
#2e3039 rgb(46,48,57)
```
#373a44
```
#373a44 rgb(55,58,68)
```
#3f434f
```
#3f434f rgb(63,67,79)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#515565
```
#515565 rgb(81,85,101)
```
#595e70
```
#595e70 rgb(89,94,112)
```
#62687b
```
#62687b rgb(98,104,123)
```
#6b7186
```
#6b7186 rgb(107,113,134)
```

Shade Color Variation

#747a90
```
#747a90 rgb(116,122,144)
```
#7f8599
```
#7f8599 rgb(127,133,153)
```
#8a8fa1
```
#8a8fa1 rgb(138,143,161)
```
#959aaa
```
#959aaa rgb(149,154,170)
```
#a0a4b3
```
#a0a4b3 rgb(160,164,179)
```
#abaebc
```
#abaebc rgb(171,174,188)
```
#b6b9c4
```
#b6b9c4 rgb(182,185,196)
```
#c0c3cd
```
#c0c3cd rgb(192,195,205)
```
#cbced6
```
#cbced6 rgb(203,206,214)
```
#d6d8de
```
#d6d8de rgb(214,216,222)
```
#e1e2e7
```
#e1e2e7 rgb(225,226,231)
```
#ecedf0
```
#ecedf0 rgb(236,237,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#424960
```
#424960 rgb(66,73,96)
```
#3c4566
```
#3c4566 rgb(60,69,102)
```
#35426d
```
#35426d rgb(53,66,109)
```
#2f3e73
```
#2f3e73 rgb(47,62,115)
```
#293b79
```
#293b79 rgb(41,59,121)
```
#23377f
```
#23377f rgb(35,55,127)
```
#1c3486
```
#1c3486 rgb(28,52,134)
```
#16308c
```
#16308c rgb(22,48,140)
```
#102d92
```
#102d92 rgb(16,45,146)
```
#0a2998
```
#0a2998 rgb(10,41,152)
```
#03269f
```
#03269f rgb(3,38,159)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b4c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#525462 Protanopia 1% of men
#565363 Deuteranopia 1% of men
#50565c Tritanopia 0.001% of the population

Trichromacy

#4e515f Protanomaly 1% of men, 0.01% of women
#51505f Deuteranomaly 6% of men, 0.4% of women
#4d525b Tritanomaly 0.01% of the population

#484c5a hex color

#484c5a Color Information

#484c5a Color Conversion

Color Schemes with #484c5a

Alternatives to #484c5a

#484c5a Preview

Shades and Tints of #484c5a

Tones of #484c5a

Color Blindness Simulator