#4b5a66 hex color

In a RGB color space, hex #4b5a66 is composed of 29.4% red, 35.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 11.8% magenta, 0% yellow and 60% black. It has a hue angle of 206.7 degrees, a saturation of 15.3% and a lightness of 34.7%. #4b5a66 color hex could be obtained by blending #96b4cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 35
- B 40
RGB color chart
- C 26
- M 12
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #4b5a66 has RGB values of R:75, G:90, B:102 and CMYK values of C:0.26, M:0.12, Y:0, K:0.6. Its decimal value is 4938342.

Hex triplet	4b5a66	`#4b5a66`
RGB Decimal	75, 90, 102	`rgb(75,90,102)`
RGB Percent	29.4, 35.3, 40	`rgb(29.4%,35.3%,40%)`
CMYK	26, 12, 0, 60
HSL	206.7°, 15.3, 34.7	`hsl(206.7,15.3%,34.7%)`
HSV (or HSB)	206.7°, 26.5, 40
Web Safe	336666	`#336666`

CIE-LAB	37.421, -2.744, -8.799
XYZ	8.956, 9.767, 13.983
xyY	0.274, 0.299, 9.767
CIE-LCH	37.421, 9.217, 252.68
CIE-LUV	37.421, -7.97, -11.214
Hunter-Lab	31.253, -3.542, -4.651
Binary	01001011, 01011010, 01100110

#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#66574b
```
#66574b rgb(102,87,75)
```

Complementary Color

#4b6665
```
#4b6665 rgb(75,102,101)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#4b4d66
```
#4b4d66 rgb(75,77,102)
```

Analogous Color

#66654b
```
#66654b rgb(102,101,75)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#664b4d
```
#664b4d rgb(102,75,77)
```

Split Complementary Color

#5a664b
```
#5a664b rgb(90,102,75)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#664b5a
```
#664b5a rgb(102,75,90)
```

Triadic Color

#4b6657
```
#4b6657 rgb(75,102,87)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#664b5a
```
#664b5a rgb(102,75,90)
```
#66574b
```
#66574b rgb(102,87,75)
```

Tetradic Color

#2b333a
```
#2b333a rgb(43,51,58)
```
#354049
```
#354049 rgb(53,64,73)
```
#404d57
```
#404d57 rgb(64,77,87)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#566775
```
#566775 rgb(86,103,117)
```
#617483
```
#617483 rgb(97,116,131)
```
#6b8192
```
#6b8192 rgb(107,129,146)
```

Monochromatic Color

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

#4b6166
```
#4b6166 rgb(75,97,102)
```
#4b5f66
```
#4b5f66 rgb(75,95,102)
```
#4b5c66
```
#4b5c66 rgb(75,92,102)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#4b5866
```
#4b5866 rgb(75,88,102)
```
#4b5666
```
#4b5666 rgb(75,86,102)
```
#4b5366
```
#4b5366 rgb(75,83,102)
```

Similar Colors

Text with hexadecimal color #4b5a66

This text has a font color of #4b5a66.

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

#4b5a66 background color

This paragraph has a background color of #4b5a66.

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

#4b5a66 border color

This element has a border color of #4b5a66.

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

CSS codes

.text {color:#4b5a66;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111417
```
#111417 rgb(17,20,23)
```
#191e22
```
#191e22 rgb(25,30,34)
```
#21282d
```
#21282d rgb(33,40,45)
```
#2a3239
```
#2a3239 rgb(42,50,57)
```
#323c44
```
#323c44 rgb(50,60,68)
```
#3a464f
```
#3a464f rgb(58,70,79)
```
#43505b
```
#43505b rgb(67,80,91)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#536471
```
#536471 rgb(83,100,113)
```
#5c6e7d
```
#5c6e7d rgb(92,110,125)
```
#647888
```
#647888 rgb(100,120,136)
```

Shade Color Variation

#6c8293
```
#6c8293 rgb(108,130,147)
```
#788c9b
```
#788c9b rgb(120,140,155)
```
#8395a4
```
#8395a4 rgb(131,149,164)
```
#8e9fac
```
#8e9fac rgb(142,159,172)
```
#9aa8b4
```
#9aa8b4 rgb(154,168,180)
```
#a5b2bd
```
#a5b2bd rgb(165,178,189)
```
#b0bcc5
```
#b0bcc5 rgb(176,188,197)
```
#bbc5cd
```
#bbc5cd rgb(187,197,205)
```
#c7cfd6
```
#c7cfd6 rgb(199,207,214)
```
#d2d9de
```
#d2d9de rgb(210,217,222)
```
#dde2e6
```
#dde2e6 rgb(221,226,230)
```
#e9ecef
```
#e9ecef rgb(233,236,239)
```
#f4f6f7
```
#f4f6f7 rgb(244,246,247)
```

Tint Color Variation

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

#52595f
```
#52595f rgb(82,89,95)
```
#4b5a66
```
#4b5a66 rgb(75,90,102)
```
#445b6d
```
#445b6d rgb(68,91,109)
```
#3d5c74
```
#3d5c74 rgb(61,92,116)
```
#375c7a
```
#375c7a rgb(55,92,122)
```
#305d81
```
#305d81 rgb(48,93,129)
```
#295e88
```
#295e88 rgb(41,94,136)
```
#225f8f
```
#225f8f rgb(34,95,143)
```
#1b5f96
```
#1b5f96 rgb(27,95,150)
```
#15609c
```
#15609c rgb(21,96,156)
```
#0e61a3
```
#0e61a3 rgb(14,97,163)
```
#0762aa
```
#0762aa rgb(7,98,170)
```
#0062b1
```
#0062b1 rgb(0,98,177)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#55585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e606c Protanopia 1% of men
#625e6f Deuteranopia 1% of men
#53636a Tritanopia 0.001% of the population

Trichromacy

#575d6a Protanomaly 1% of men, 0.01% of women
#595c6b Deuteranomaly 6% of men, 0.4% of women
#505f68 Tritanomaly 0.01% of the population

#4b5a66 hex color

#4b5a66 Color Information

#4b5a66 Color Conversion

Color Schemes with #4b5a66

Alternatives to #4b5a66

#4b5a66 Preview

Shades and Tints of #4b5a66

Tones of #4b5a66

Color Blindness Simulator