#484f6c hex color

In a RGB color space, hex #484f6c is composed of 28.2% red, 31% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 26.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 228.3 degrees, a saturation of 20% and a lightness of 35.3%. #484f6c color hex could be obtained by blending #909ed8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #484f6c has RGB values of R:72, G:79, B:108 and CMYK values of C:0.33, M:0.27, Y:0, K:0.58. Its decimal value is 4738924.

Hex triplet	484f6c	`#484f6c`
RGB Decimal	72, 79, 108	`rgb(72,79,108)`
RGB Percent	28.2, 31, 42.4	`rgb(28.2%,31%,42.4%)`
CMYK	33, 27, 0, 58
HSL	228.3°, 20, 35.3	`hsl(228.3,20%,35.3%)`
HSV (or HSB)	228.3°, 33.3, 42.4
Web Safe	336666	`#336666`

CIE-LAB	34.091, 4.795, -17.636
XYZ	8.175, 8.052, 15.31
xyY	0.259, 0.255, 8.052
CIE-LCH	34.091, 18.276, 285.21
CIE-LUV	34.091, -4.817, -23.913
Hunter-Lab	28.376, 1.764, -12.126
Binary	01001000, 01001111, 01101100

#484f6c
```
#484f6c rgb(72,79,108)
```
#6c6548
```
#6c6548 rgb(108,101,72)
```

Complementary Color

#48616c
```
#48616c rgb(72,97,108)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#53486c
```
#53486c rgb(83,72,108)
```

Analogous Color

#616c48
```
#616c48 rgb(97,108,72)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#6c5348
```
#6c5348 rgb(108,83,72)
```

Split Complementary Color

#4f6c48
```
#4f6c48 rgb(79,108,72)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#6c484f
```
#6c484f rgb(108,72,79)
```

Triadic Color

#486c65
```
#486c65 rgb(72,108,101)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#6c484f
```
#6c484f rgb(108,72,79)
```
#6c6548
```
#6c6548 rgb(108,101,72)
```

Tetradic Color

#292d3e
```
#292d3e rgb(41,45,62)
```
#34394d
```
#34394d rgb(52,57,77)
```
#3e445d
```
#3e445d rgb(62,68,93)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#525a7b
```
#525a7b rgb(82,90,123)
```
#5c658b
```
#5c658b rgb(92,101,139)
```
#67719a
```
#67719a rgb(103,113,154)
```

Monochromatic Color

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

#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)
```
#48496c
```
#48496c rgb(72,73,108)
```
#4a486c
```
#4a486c rgb(74,72,108)
```

Similar Colors

Text with hexadecimal color #484f6c

This text has a font color of #484f6c.

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

#484f6c background color

This paragraph has a background color of #484f6c.

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

#484f6c border color

This element has a border color of #484f6c.

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

CSS codes

.text {color:#484f6c;}

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

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

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)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#11131a
```
#11131a rgb(17,19,26)
```
#191b25
```
#191b25 rgb(25,27,37)
```
#212431
```
#212431 rgb(33,36,49)
```
#292d3d
```
#292d3d rgb(41,45,61)
```
#303549
```
#303549 rgb(48,53,73)
```
#383e54
```
#383e54 rgb(56,62,84)
```
#404660
```
#404660 rgb(64,70,96)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#505878
```
#505878 rgb(80,88,120)
```
#586084
```
#586084 rgb(88,96,132)
```
#60698f
```
#60698f rgb(96,105,143)
```

Shade Color Variation

#68729a
```
#68729a rgb(104,114,154)
```
#747da2
```
#747da2 rgb(116,125,162)
```
#8088aa
```
#8088aa rgb(128,136,170)
```
#8b93b2
```
#8b93b2 rgb(139,147,178)
```
#979eba
```
#979eba rgb(151,158,186)
```
#a3a9c2
```
#a3a9c2 rgb(163,169,194)
```
#afb4c9
```
#afb4c9 rgb(175,180,201)
```
#babfd1
```
#babfd1 rgb(186,191,209)
```
#c6cad9
```
#c6cad9 rgb(198,202,217)
```
#d2d5e1
```
#d2d5e1 rgb(210,213,225)
```
#dee0e9
```
#dee0e9 rgb(222,224,233)
```
#eaebf1
```
#eaebf1 rgb(234,235,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#56575e
```
#56575e rgb(86,87,94)
```
#4f5365
```
#4f5365 rgb(79,83,101)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#414b73
```
#414b73 rgb(65,75,115)
```
#3a477a
```
#3a477a rgb(58,71,122)
```
#334281
```
#334281 rgb(51,66,129)
```
#2c3e88
```
#2c3e88 rgb(44,62,136)
```
#253a8f
```
#253a8f rgb(37,58,143)
```
#1e3696
```
#1e3696 rgb(30,54,150)
```
#18319c
```
#18319c rgb(24,49,156)
```
#112da3
```
#112da3 rgb(17,45,163)
```
#0a29aa
```
#0a29aa rgb(10,41,170)
```
#0325b1
```
#0325b1 rgb(3,37,177)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4e5056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515873 Protanopia 1% of men
#525873 Deuteranopia 1% of men
#4c5b62 Tritanopia 0.001% of the population

Trichromacy

#4d5470 Protanomaly 1% of men, 0.01% of women
#4e5470 Deuteranomaly 6% of men, 0.4% of women
#4b5765 Tritanomaly 0.01% of the population

#484f6c hex color

#484f6c Color Information

#484f6c Color Conversion

Color Schemes with #484f6c

Alternatives to #484f6c

#484f6c Preview

Shades and Tints of #484f6c

Tones of #484f6c

Color Blindness Simulator