#4b5c78 hex color

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

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

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

The hexadecimal color #4b5c78 has RGB values of R:75, G:92, B:120 and CMYK values of C:0.38, M:0.23, Y:0, K:0.53. Its decimal value is 4938872.

Hex triplet	4b5c78	`#4b5c78`
RGB Decimal	75, 92, 120	`rgb(75,92,120)`
RGB Percent	29.4, 36.1, 47.1	`rgb(29.4%,36.1%,47.1%)`
CMYK	38, 23, 0, 53
HSL	217.3°, 23.1, 38.2	`hsl(217.3,23.1%,38.2%)`
HSV (or HSB)	217.3°, 37.5, 47.1
Web Safe	336666	`#336666`

CIE-LAB	38.735, 1.04, -17.904
XYZ	10.118, 10.506, 19.263
xyY	0.254, 0.263, 10.506
CIE-LCH	38.735, 17.934, 273.326
CIE-LUV	38.735, -9.243, -24.687
Hunter-Lab	32.413, -1, -12.547
Binary	01001011, 01011100, 01111000

#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#78674b
```
#78674b rgb(120,103,75)
```

Complementary Color

#4b7378
```
#4b7378 rgb(75,115,120)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#514b78
```
#514b78 rgb(81,75,120)
```

Analogous Color

#73784b
```
#73784b rgb(115,120,75)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#78514b
```
#78514b rgb(120,81,75)
```

Split Complementary Color

#5c784b
```
#5c784b rgb(92,120,75)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#784b5c
```
#784b5c rgb(120,75,92)
```

Triadic Color

#4b7867
```
#4b7867 rgb(75,120,103)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#784b5c
```
#784b5c rgb(120,75,92)
```
#78674b
```
#78674b rgb(120,103,75)
```

Tetradic Color

#2e3849
```
#2e3849 rgb(46,56,73)
```
#374459
```
#374459 rgb(55,68,89)
```
#415068
```
#415068 rgb(65,80,104)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#556888
```
#556888 rgb(85,104,136)
```
#5f7497
```
#5f7497 rgb(95,116,151)
```
#6c81a3
```
#6c81a3 rgb(108,129,163)
```

Monochromatic Color

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

#4b6778
```
#4b6778 rgb(75,103,120)
```
#4b6478
```
#4b6478 rgb(75,100,120)
```
#4b6078
```
#4b6078 rgb(75,96,120)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#4b5878
```
#4b5878 rgb(75,88,120)
```
#4b5578
```
#4b5578 rgb(75,85,120)
```
#4b5178
```
#4b5178 rgb(75,81,120)
```

Similar Colors

Text with hexadecimal color #4b5c78

This text has a font color of #4b5c78.

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

#4b5c78 background color

This paragraph has a background color of #4b5c78.

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

#4b5c78 border color

This element has a border color of #4b5c78.

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

CSS codes

.text {color:#4b5c78;}

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

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

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)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#161b24
```
#161b24 rgb(22,27,36)
```
#1e2430
```
#1e2430 rgb(30,36,48)
```
#252e3c
```
#252e3c rgb(37,46,60)
```
#2d3748
```
#2d3748 rgb(45,55,72)
```
#344054
```
#344054 rgb(52,64,84)
```
#3c4960
```
#3c4960 rgb(60,73,96)
```
#43536c
```
#43536c rgb(67,83,108)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#536584
```
#536584 rgb(83,101,132)
```
#5a6f90
```
#5a6f90 rgb(90,111,144)
```
#62789c
```
#62789c rgb(98,120,156)
```

Shade Color Variation

#6d82a4
```
#6d82a4 rgb(109,130,164)
```
#7a8cac
```
#7a8cac rgb(122,140,172)
```
#8697b3
```
#8697b3 rgb(134,151,179)
```
#92a1bb
```
#92a1bb rgb(146,161,187)
```
#9eacc2
```
#9eacc2 rgb(158,172,194)
```
#aab6ca
```
#aab6ca rgb(170,182,202)
```
#b6c0d1
```
#b6c0d1 rgb(182,192,209)
```
#c2cbd9
```
#c2cbd9 rgb(194,203,217)
```
#ced5e0
```
#ced5e0 rgb(206,213,224)
```
#dadfe8
```
#dadfe8 rgb(218,223,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, #5a6069 is the less saturated color, while #004ac3 is the most saturated one.

#5a6069
```
#5a6069 rgb(90,96,105)
```
#535e71
```
#535e71 rgb(83,94,113)
```
#4b5c78
```
#4b5c78 rgb(75,92,120)
```
#445a80
```
#445a80 rgb(68,90,128)
```
#3c5887
```
#3c5887 rgb(60,88,135)
```
#35568f
```
#35568f rgb(53,86,143)
```
#2d5596
```
#2d5596 rgb(45,85,150)
```
#26539e
```
#26539e rgb(38,83,158)
```
#1e51a5
```
#1e51a5 rgb(30,81,165)
```
#174fad
```
#174fad rgb(23,79,173)
```
#0f4db4
```
#0f4db4 rgb(15,77,180)
```
#084bbc
```
#084bbc rgb(8,75,188)
```
#004ac3
```
#004ac3 rgb(0,74,195)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#575a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c627d Protanopia 1% of men
#5c627f Deuteranopia 1% of men
#4f676f Tritanopia 0.001% of the population

Trichromacy

#55607b Protanomaly 1% of men, 0.01% of women
#565f7c Deuteranomaly 6% of men, 0.4% of women
#4d6372 Tritanomaly 0.01% of the population

#4b5c78 hex color

#4b5c78 Color Information

#4b5c78 Color Conversion

Color Schemes with #4b5c78

Alternatives to #4b5c78

#4b5c78 Preview

Shades and Tints of #4b5c78

Tones of #4b5c78

Color Blindness Simulator