#4b5167 hex color

In a RGB color space, hex #4b5167 is composed of 29.4% red, 31.8% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 21.4% magenta, 0% yellow and 59.6% black. It has a hue angle of 227.1 degrees, a saturation of 15.7% and a lightness of 34.9%. #4b5167 color hex could be obtained by blending #96a2ce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 32
- B 40
RGB color chart
- C 27
- M 21
- Y 0
- K 60
CMYK color chart

● #4b5167 color description : Very dark grayish blue.

The hexadecimal color #4b5167 has RGB values of R:75, G:81, B:103 and CMYK values of C:0.27, M:0.21, Y:0, K:0.6. Its decimal value is 4936039.

Hex triplet	4b5167	`#4b5167`
RGB Decimal	75, 81, 103	`rgb(75,81,103)`
RGB Percent	29.4, 31.8, 40.4	`rgb(29.4%,31.8%,40.4%)`
CMYK	27, 21, 0, 60
HSL	227.1°, 15.7, 34.9	`hsl(227.1,15.7%,34.9%)`
HSV (or HSB)	227.1°, 27.2, 40.4
Web Safe	336666	`#336666`

CIE-LAB	34.721, 3.128, -13.514
XYZ	8.292, 8.36, 14.008
xyY	0.27, 0.273, 8.36
CIE-LCH	34.721, 13.871, 283.034
CIE-LUV	34.721, -4.1, -18.121
Hunter-Lab	28.913, 0.592, -8.485
Binary	01001011, 01010001, 01100111

#4b5167
```
#4b5167 rgb(75,81,103)
```
#67614b
```
#67614b rgb(103,97,75)
```

Complementary Color

#4b5f67
```
#4b5f67 rgb(75,95,103)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#534b67
```
#534b67 rgb(83,75,103)
```

Analogous Color

#5f674b
```
#5f674b rgb(95,103,75)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#67534b
```
#67534b rgb(103,83,75)
```

Split Complementary Color

#51674b
```
#51674b rgb(81,103,75)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#674b51
```
#674b51 rgb(103,75,81)
```

Triadic Color

#4b6761
```
#4b6761 rgb(75,103,97)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#674b51
```
#674b51 rgb(103,75,81)
```
#67614b
```
#67614b rgb(103,97,75)
```

Tetradic Color

#2b2e3b
```
#2b2e3b rgb(43,46,59)
```
#363a49
```
#363a49 rgb(54,58,73)
```
#404558
```
#404558 rgb(64,69,88)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#565d76
```
#565d76 rgb(86,93,118)
```
#606885
```
#606885 rgb(96,104,133)
```
#6b7493
```
#6b7493 rgb(107,116,147)
```

Monochromatic Color

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

#4b5867
```
#4b5867 rgb(75,88,103)
```
#4b5667
```
#4b5667 rgb(75,86,103)
```
#4b5367
```
#4b5367 rgb(75,83,103)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#4b4f67
```
#4b4f67 rgb(75,79,103)
```
#4b4c67
```
#4b4c67 rgb(75,76,103)
```
#4c4b67
```
#4c4b67 rgb(76,75,103)
```

Similar Colors

Text with hexadecimal color #4b5167

This text has a font color of #4b5167.

<span style="color:#4b5167;">Text here</span>

#4b5167 background color

This paragraph has a background color of #4b5167.

<p style="background-color:#4b5167;">Content here</p>

#4b5167 border color

This element has a border color of #4b5167.

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

CSS codes

.text {color:#4b5167;}

.background {background-color:#4b5167;}

.border {border:1px solid #4b5167;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111318
```
#111318 rgb(17,19,24)
```
#191b23
```
#191b23 rgb(25,27,35)
```
#22242e
```
#22242e rgb(34,36,46)
```
#2a2d3a
```
#2a2d3a rgb(42,45,58)
```
#323645
```
#323645 rgb(50,54,69)
```
#3a3f50
```
#3a3f50 rgb(58,63,80)
```
#43485c
```
#43485c rgb(67,72,92)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#535a72
```
#535a72 rgb(83,90,114)
```
#5c637e
```
#5c637e rgb(92,99,126)
```
#646c89
```
#646c89 rgb(100,108,137)
```

Shade Color Variation

#6c7594
```
#6c7594 rgb(108,117,148)
```
#78809c
```
#78809c rgb(120,128,156)
```
#838aa5
```
#838aa5 rgb(131,138,165)
```
#8e95ad
```
#8e95ad rgb(142,149,173)
```
#9aa0b5
```
#9aa0b5 rgb(154,160,181)
```
#a5aabd
```
#a5aabd rgb(165,170,189)
```
#b0b5c6
```
#b0b5c6 rgb(176,181,198)
```
#bcc0ce
```
#bcc0ce rgb(188,192,206)
```
#c7cad6
```
#c7cad6 rgb(199,202,214)
```
#d2d5df
```
#d2d5df rgb(210,213,223)
```
#dee0e7
```
#dee0e7 rgb(222,224,231)
```
#e9eaef
```
#e9eaef rgb(233,234,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595959 is the less saturated color, while #072aab is the most saturated one.

#595959
```
#595959 rgb(89,89,89)
```
#525560
```
#525560 rgb(82,85,96)
```
#4b5167
```
#4b5167 rgb(75,81,103)
```
#444d6e
```
#444d6e rgb(68,77,110)
```
#3d4975
```
#3d4975 rgb(61,73,117)
```
#36457c
```
#36457c rgb(54,69,124)
```
#304182
```
#304182 rgb(48,65,130)
```
#293d89
```
#293d89 rgb(41,61,137)
```
#223a90
```
#223a90 rgb(34,58,144)
```
#1b3697
```
#1b3697 rgb(27,54,151)
```
#14329e
```
#14329e rgb(20,50,158)
```
#0d2ea5
```
#0d2ea5 rgb(13,46,165)
```
#072aab
```
#072aab rgb(7,42,171)
```

Tone Color Variation

Below, you can see how #4b5167 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

#525252 Achromatopsia 0.005% of the population
#515256 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55596e Protanopia 1% of men
#57596f Deuteranopia 1% of men
#515c62 Tritanopia 0.001% of the population

Trichromacy

#51566b Protanomaly 1% of men, 0.01% of women
#53566c Deuteranomaly 6% of men, 0.4% of women
#4f5864 Tritanomaly 0.01% of the population

#4b5167 hex color

#4b5167 Color Information

#4b5167 Color Conversion

Color Schemes with #4b5167

Alternatives to #4b5167

#4b5167 Preview

Shades and Tints of #4b5167

Tones of #4b5167

Color Blindness Simulator