#4c5f75 hex color

In a RGB color space, hex #4c5f75 is composed of 29.8% red, 37.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 18.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 212.2 degrees, a saturation of 21.2% and a lightness of 37.8%. #4c5f75 color hex could be obtained by blending #98beea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 30
- G 37
- B 46
RGB color chart
- C 35
- M 19
- Y 0
- K 54
CMYK color chart

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

The hexadecimal color #4c5f75 has RGB values of R:76, G:95, B:117 and CMYK values of C:0.35, M:0.19, Y:0, K:0.54. Its decimal value is 5005173.

Hex triplet	4c5f75	`#4c5f75`
RGB Decimal	76, 95, 117	`rgb(76,95,117)`
RGB Percent	29.8, 37.3, 45.9	`rgb(29.8%,37.3%,45.9%)`
CMYK	35, 19, 0, 54
HSL	212.2°, 21.2, 37.8	`hsl(212.2,21.2%,37.8%)`
HSV (or HSB)	212.2°, 35, 45.9
Web Safe	336666	`#336666`

CIE-LAB	39.589, -1.359, -14.752
XYZ	10.283, 11.005, 18.411
xyY	0.259, 0.277, 11.005
CIE-LCH	39.589, 14.815, 264.736
CIE-LUV	39.589, -10.018, -19.974
Hunter-Lab	33.174, -2.724, -9.684
Binary	01001100, 01011111, 01110101

#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#75624c
```
#75624c rgb(117,98,76)
```

Complementary Color

#4c7475
```
#4c7475 rgb(76,116,117)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#4e4c75
```
#4e4c75 rgb(78,76,117)
```

Analogous Color

#74754c
```
#74754c rgb(116,117,76)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#754e4c
```
#754e4c rgb(117,78,76)
```

Split Complementary Color

#5f754c
```
#5f754c rgb(95,117,76)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#754c5f
```
#754c5f rgb(117,76,95)
```

Triadic Color

#4c7562
```
#4c7562 rgb(76,117,98)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#754c5f
```
#754c5f rgb(117,76,95)
```
#75624c
```
#75624c rgb(117,98,76)
```

Tetradic Color

#2e3947
```
#2e3947 rgb(46,57,71)
```
#384656
```
#384656 rgb(56,70,86)
```
#425266
```
#425266 rgb(66,82,102)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#566c84
```
#566c84 rgb(86,108,132)
```
#607894
```
#607894 rgb(96,120,148)
```
#6d85a0
```
#6d85a0 rgb(109,133,160)
```

Monochromatic Color

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

#4c6975
```
#4c6975 rgb(76,105,117)
```
#4c6675
```
#4c6675 rgb(76,102,117)
```
#4c6275
```
#4c6275 rgb(76,98,117)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#4c5c75
```
#4c5c75 rgb(76,92,117)
```
#4c5875
```
#4c5875 rgb(76,88,117)
```
#4c5575
```
#4c5575 rgb(76,85,117)
```

Similar Colors

Text with hexadecimal color #4c5f75

This text has a font color of #4c5f75.

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

#4c5f75 background color

This paragraph has a background color of #4c5f75.

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

#4c5f75 border color

This element has a border color of #4c5f75.

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

CSS codes

.text {color:#4c5f75;}

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

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

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#161b22
```
#161b22 rgb(22,27,34)
```
#1e252e
```
#1e252e rgb(30,37,46)
```
#252f3a
```
#252f3a rgb(37,47,58)
```
#2d3845
```
#2d3845 rgb(45,56,69)
```
#354251
```
#354251 rgb(53,66,81)
```
#3d4c5d
```
#3d4c5d rgb(61,76,93)
```
#445569
```
#445569 rgb(68,85,105)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#546981
```
#546981 rgb(84,105,129)
```
#5b728d
```
#5b728d rgb(91,114,141)
```
#637c99
```
#637c99 rgb(99,124,153)
```

Shade Color Variation

#6e86a1
```
#6e86a1 rgb(110,134,161)
```
#7a90a9
```
#7a90a9 rgb(122,144,169)
```
#869ab1
```
#869ab1 rgb(134,154,177)
```
#92a4b8
```
#92a4b8 rgb(146,164,184)
```
#9eaec0
```
#9eaec0 rgb(158,174,192)
```
#aab8c8
```
#aab8c8 rgb(170,184,200)
```
#b6c2cf
```
#b6c2cf rgb(182,194,207)
```
#c2ccd7
```
#c2ccd7 rgb(194,204,215)
```
#ced6df
```
#ced6df rgb(206,214,223)
```
#d9e0e7
```
#d9e0e7 rgb(217,224,231)
```
#e5e9ee
```
#e5e9ee rgb(229,233,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5b6066
```
#5b6066 rgb(91,96,102)
```
#53606e
```
#53606e rgb(83,96,110)
```
#4c5f75
```
#4c5f75 rgb(76,95,117)
```
#455e7c
```
#455e7c rgb(69,94,124)
```
#3d5e84
```
#3d5e84 rgb(61,94,132)
```
#365d8b
```
#365d8b rgb(54,93,139)
```
#2e5d93
```
#2e5d93 rgb(46,93,147)
```
#275c9a
```
#275c9a rgb(39,92,154)
```
#1f5ca2
```
#1f5ca2 rgb(31,92,162)
```
#185ba9
```
#185ba9 rgb(24,91,169)
```
#115bb0
```
#115bb0 rgb(17,91,176)
```
#095ab8
```
#095ab8 rgb(9,90,184)
```
#025abf
```
#025abf rgb(2,90,191)
```

Tone Color Variation

Below, you can see how #4c5f75 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
#595d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60647a Protanopia 1% of men
#62637d Deuteranopia 1% of men
#526971 Tritanopia 0.001% of the population

Trichromacy

#586278 Protanomaly 1% of men, 0.01% of women
#5a627a Deuteranomaly 6% of men, 0.4% of women
#4f6572 Tritanomaly 0.01% of the population

#4c5f75 hex color

#4c5f75 Color Information

#4c5f75 Color Conversion

Color Schemes with #4c5f75

Alternatives to #4c5f75

#4c5f75 Preview

Shades and Tints of #4c5f75

Tones of #4c5f75

Color Blindness Simulator