#4c6a85 hex color

In a RGB color space, hex #4c6a85 is composed of 29.8% red, 41.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 20.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 208.4 degrees, a saturation of 27.3% and a lightness of 41%. #4c6a85 color hex could be obtained by blending #98d4ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 30
- G 42
- B 52
RGB color chart
- C 43
- M 20
- Y 0
- K 48
CMYK color chart

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

The hexadecimal color #4c6a85 has RGB values of R:76, G:106, B:133 and CMYK values of C:0.43, M:0.2, Y:0, K:0.48. Its decimal value is 5008005.

Hex triplet	4c6a85	`#4c6a85`
RGB Decimal	76, 106, 133	`rgb(76,106,133)`
RGB Percent	29.8, 41.6, 52.2	`rgb(29.8%,41.6%,52.2%)`
CMYK	43, 20, 0, 48
HSL	208.4°, 27.3, 41	`hsl(208.4,27.3%,41%)`
HSV (or HSB)	208.4°, 42.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	43.562, -3.368, -18.371
XYZ	12.367, 13.537, 24.15
xyY	0.247, 0.27, 13.537
CIE-LCH	43.562, 18.678, 259.611
CIE-LUV	43.562, -14.725, -25.549
Hunter-Lab	36.793, -4.39, -13.161
Binary	01001100, 01101010, 10000101

#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#85674c
```
#85674c rgb(133,103,76)
```

Complementary Color

#4c8584
```
#4c8584 rgb(76,133,132)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#4c4e85
```
#4c4e85 rgb(76,78,133)
```

Analogous Color

#85844c
```
#85844c rgb(133,132,76)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#854c4e
```
#854c4e rgb(133,76,78)
```

Split Complementary Color

#6a854c
```
#6a854c rgb(106,133,76)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#854c6a
```
#854c6a rgb(133,76,106)
```

Triadic Color

#4c8567
```
#4c8567 rgb(76,133,103)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#854c6a
```
#854c6a rgb(133,76,106)
```
#85674c
```
#85674c rgb(133,103,76)
```

Tetradic Color

#304354
```
#304354 rgb(48,67,84)
```
#395065
```
#395065 rgb(57,80,101)
```
#435d75
```
#435d75 rgb(67,93,117)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#557795
```
#557795 rgb(85,119,149)
```
#6084a4
```
#6084a4 rgb(96,132,164)
```
#7090ad
```
#7090ad rgb(112,144,173)
```

Monochromatic Color

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

#4c7885
```
#4c7885 rgb(76,120,133)
```
#4c7485
```
#4c7485 rgb(76,116,133)
```
#4c6f85
```
#4c6f85 rgb(76,111,133)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#4c6585
```
#4c6585 rgb(76,101,133)
```
#4c6185
```
#4c6185 rgb(76,97,133)
```
#4c5c85
```
#4c5c85 rgb(76,92,133)
```

Similar Colors

Text with hexadecimal color #4c6a85

This text has a font color of #4c6a85.

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

#4c6a85 background color

This paragraph has a background color of #4c6a85.

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

#4c6a85 border color

This element has a border color of #4c6a85.

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

CSS codes

.text {color:#4c6a85;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1015
```
#0c1015 rgb(12,16,21)
```
#131a21
```
#131a21 rgb(19,26,33)
```
#1a242e
```
#1a242e rgb(26,36,46)
```
#212e3a
```
#212e3a rgb(33,46,58)
```
#283847
```
#283847 rgb(40,56,71)
```
#2f4253
```
#2f4253 rgb(47,66,83)
```
#374c60
```
#374c60 rgb(55,76,96)
```
#3e566c
```
#3e566c rgb(62,86,108)
```
#456079
```
#456079 rgb(69,96,121)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#537491
```
#537491 rgb(83,116,145)
```
#5a7e9e
```
#5a7e9e rgb(90,126,158)
```

Shade Color Variation

#6588a7
```
#6588a7 rgb(101,136,167)
```
#7191ae
```
#7191ae rgb(113,145,174)
```
#7e9bb5
```
#7e9bb5 rgb(126,155,181)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#97aec3
```
#97aec3 rgb(151,174,195)
```
#a3b8cb
```
#a3b8cb rgb(163,184,203)
```
#b0c2d2
```
#b0c2d2 rgb(176,194,210)
```
#bccbd9
```
#bccbd9 rgb(188,203,217)
```
#c9d5e0
```
#c9d5e0 rgb(201,213,224)
```
#d5dfe7
```
#d5dfe7 rgb(213,223,231)
```
#e2e8ee
```
#e2e8ee rgb(226,232,238)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64696d is the less saturated color, while #046ecd is the most saturated one.

#64696d
```
#64696d rgb(100,105,109)
```
#5c6975
```
#5c6975 rgb(92,105,117)
```
#546a7d
```
#546a7d rgb(84,106,125)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#446a8d
```
#446a8d rgb(68,106,141)
```
#3c6b95
```
#3c6b95 rgb(60,107,149)
```
#346b9d
```
#346b9d rgb(52,107,157)
```
#2c6ca5
```
#2c6ca5 rgb(44,108,165)
```
#246cad
```
#246cad rgb(36,108,173)
```
#1c6db5
```
#1c6db5 rgb(28,109,181)
```
#146dbd
```
#146dbd rgb(20,109,189)
```
#0c6dc5
```
#0c6dc5 rgb(12,109,197)
```
#046ecd
```
#046ecd rgb(4,110,205)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5f656b Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d88 Protanopia 1% of men
#676d8d Deuteranopia 1% of men
#50747c Tritanopia 0.001% of the population

Trichromacy

#5d6c87 Protanomaly 1% of men, 0.01% of women
#5d6c8a Deuteranomaly 6% of men, 0.4% of women
#4e707f Tritanomaly 0.01% of the population

#4c6a85 hex color

#4c6a85 Color Information

#4c6a85 Color Conversion

Color Schemes with #4c6a85

Alternatives to #4c6a85

#4c6a85 Preview

Shades and Tints of #4c6a85

Tones of #4c6a85

Color Blindness Simulator