#4b5f78 hex color

In a RGB color space, hex #4b5f78 is composed of 29.4% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 213.3 degrees, a saturation of 23.1% and a lightness of 38.2%. #4b5f78 color hex could be obtained by blending #96bef0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 37
- B 47
RGB color chart
- C 38
- M 21
- Y 0
- K 53
CMYK color chart

● #4b5f78 color description : Mostly desaturated dark blue.

The hexadecimal color #4b5f78 has RGB values of R:75, G:95, B:120 and CMYK values of C:0.38, M:0.21, Y:0, K:0.53. Its decimal value is 4939640.

Hex triplet	4b5f78	`#4b5f78`
RGB Decimal	75, 95, 120	`rgb(75,95,120)`
RGB Percent	29.4, 37.3, 47.1	`rgb(29.4%,37.3%,47.1%)`
CMYK	38, 21, 0, 53
HSL	213.3°, 23.1, 38.2	`hsl(213.3,23.1%,38.2%)`
HSV (or HSB)	213.3°, 37.5, 47.1
Web Safe	336666	`#336666`

CIE-LAB	39.641, -0.811, -16.514
XYZ	10.383, 11.036, 19.351
xyY	0.255, 0.271, 11.036
CIE-LCH	39.641, 16.534, 267.187
CIE-LUV	39.641, -10.477, -22.589
Hunter-Lab	33.22, -2.344, -11.283
Binary	01001011, 01011111, 01111000

#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#78644b
```
#78644b rgb(120,100,75)
```

Complementary Color

#4b7678
```
#4b7678 rgb(75,118,120)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#4e4b78
```
#4e4b78 rgb(78,75,120)
```

Analogous Color

#76784b
```
#76784b rgb(118,120,75)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#784e4b
```
#784e4b rgb(120,78,75)
```

Split Complementary Color

#5f784b
```
#5f784b rgb(95,120,75)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#784b5f
```
#784b5f rgb(120,75,95)
```

Triadic Color

#4b7864
```
#4b7864 rgb(75,120,100)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#784b5f
```
#784b5f rgb(120,75,95)
```
#78644b
```
#78644b rgb(120,100,75)
```

Tetradic Color

#2e3a49
```
#2e3a49 rgb(46,58,73)
```
#374659
```
#374659 rgb(55,70,89)
```
#415368
```
#415368 rgb(65,83,104)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#556b88
```
#556b88 rgb(85,107,136)
```
#5f7897
```
#5f7897 rgb(95,120,151)
```
#6c85a3
```
#6c85a3 rgb(108,133,163)
```

Monochromatic Color

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

#4b6a78
```
#4b6a78 rgb(75,106,120)
```
#4b6778
```
#4b6778 rgb(75,103,120)
```
#4b6378
```
#4b6378 rgb(75,99,120)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#4b5b78
```
#4b5b78 rgb(75,91,120)
```
#4b5878
```
#4b5878 rgb(75,88,120)
```
#4b5478
```
#4b5478 rgb(75,84,120)
```

Similar Colors

Text with hexadecimal color #4b5f78

This text has a font color of #4b5f78.

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

#4b5f78 background color

This paragraph has a background color of #4b5f78.

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

#4b5f78 border color

This element has a border color of #4b5f78.

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

CSS codes

.text {color:#4b5f78;}

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

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

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, #07090b is the darkest color, while #fefeff is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0f1317
```
#0f1317 rgb(15,19,23)
```
#161c24
```
#161c24 rgb(22,28,36)
```
#1e2630
```
#1e2630 rgb(30,38,48)
```
#252f3c
```
#252f3c rgb(37,47,60)
```
#2d3948
```
#2d3948 rgb(45,57,72)
```
#344254
```
#344254 rgb(52,66,84)
```
#3c4c60
```
#3c4c60 rgb(60,76,96)
```
#43556c
```
#43556c rgb(67,85,108)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#536984
```
#536984 rgb(83,105,132)
```
#5a7290
```
#5a7290 rgb(90,114,144)
```
#627c9c
```
#627c9c rgb(98,124,156)
```

Shade Color Variation

#6d86a4
```
#6d86a4 rgb(109,134,164)
```
#7a90ac
```
#7a90ac rgb(122,144,172)
```
#869ab3
```
#869ab3 rgb(134,154,179)
```
#92a4bb
```
#92a4bb rgb(146,164,187)
```
#9eaec2
```
#9eaec2 rgb(158,174,194)
```
#aab8ca
```
#aab8ca rgb(170,184,202)
```
#b6c2d1
```
#b6c2d1 rgb(182,194,209)
```
#c2ccd9
```
#c2ccd9 rgb(194,204,217)
```
#ced6e0
```
#ced6e0 rgb(206,214,224)
```
#dae0e8
```
#dae0e8 rgb(218,224,232)
```
#e6eaef
```
#e6eaef rgb(230,234,239)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6169 is the less saturated color, while #0057c3 is the most saturated one.

#5a6169
```
#5a6169 rgb(90,97,105)
```
#536071
```
#536071 rgb(83,96,113)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#445e80
```
#445e80 rgb(68,94,128)
```
#3c5d87
```
#3c5d87 rgb(60,93,135)
```
#355d8f
```
#355d8f rgb(53,93,143)
```
#2d5c96
```
#2d5c96 rgb(45,92,150)
```
#265b9e
```
#265b9e rgb(38,91,158)
```
#1e5aa5
```
#1e5aa5 rgb(30,90,165)
```
#1759ad
```
#1759ad rgb(23,89,173)
```
#0f58b4
```
#0f58b4 rgb(15,88,180)
```
#0858bc
```
#0858bc rgb(8,88,188)
```
#0057c3
```
#0057c3 rgb(0,87,195)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#595d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f647d Protanopia 1% of men
#606480 Deuteranopia 1% of men
#506971 Tritanopia 0.001% of the population

Trichromacy

#57627b Protanomaly 1% of men, 0.01% of women
#58627d Deuteranomaly 6% of men, 0.4% of women
#4e6573 Tritanomaly 0.01% of the population

#4b5f78 hex color

#4b5f78 Color Information

#4b5f78 Color Conversion

Color Schemes with #4b5f78

Alternatives to #4b5f78

#4b5f78 Preview

Shades and Tints of #4b5f78

Tones of #4b5f78

Color Blindness Simulator