#4c85a8 hex color

In a RGB color space, hex #4c85a8 is composed of 29.8% red, 52.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 20.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 202.8 degrees, a saturation of 37.7% and a lightness of 47.8%. #4c85a8 color hex could be obtained by blending #98ffff with #000b51. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 30
- G 52
- B 66
RGB color chart
- C 55
- M 21
- Y 0
- K 34
CMYK color chart

● #4c85a8 color description : Dark moderate blue.

The hexadecimal color #4c85a8 has RGB values of R:76, G:133, B:168 and CMYK values of C:0.55, M:0.21, Y:0, K:0.34. Its decimal value is 5014952.

Hex triplet	4c85a8	`#4c85a8`
RGB Decimal	76, 133, 168	`rgb(76,133,168)`
RGB Percent	29.8, 52.2, 65.9	`rgb(29.8%,52.2%,65.9%)`
CMYK	55, 21, 0, 34
HSL	202.8°, 37.7, 47.8	`hsl(202.8,37.7%,47.8%)`
HSV (or HSB)	202.8°, 54.8, 65.9
Web Safe	339999	`#339999`

CIE-LAB	53.1, -8.421, -24.284
XYZ	18.434, 21.138, 40.152
xyY	0.231, 0.265, 21.138
CIE-LCH	53.1, 25.702, 250.874
CIE-LUV	53.1, -24.934, -35.278
Hunter-Lab	45.976, -8.887, -19.597
Binary	01001100, 10000101, 10101000

#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#a86f4c
```
#a86f4c rgb(168,111,76)
```

Complementary Color

#4ca89d
```
#4ca89d rgb(76,168,157)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#4c57a8
```
#4c57a8 rgb(76,87,168)
```

Analogous Color

#a89d4c
```
#a89d4c rgb(168,157,76)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#a84c57
```
#a84c57 rgb(168,76,87)
```

Split Complementary Color

#85a84c
```
#85a84c rgb(133,168,76)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#a84c85
```
#a84c85 rgb(168,76,133)
```

Triadic Color

#4ca86f
```
#4ca86f rgb(76,168,111)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#a84c85
```
#a84c85 rgb(168,76,133)
```
#a86f4c
```
#a86f4c rgb(168,111,76)
```

Tetradic Color

#345b73
```
#345b73 rgb(52,91,115)
```
#3c6985
```
#3c6985 rgb(60,105,133)
```
#447796
```
#447796 rgb(68,119,150)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#5992b4
```
#5992b4 rgb(89,146,180)
```
#6b9dbc
```
#6b9dbc rgb(107,157,188)
```
#7da9c4
```
#7da9c4 rgb(125,169,196)
```

Monochromatic Color

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

#4c9ca8
```
#4c9ca8 rgb(76,156,168)
```
#4c94a8
```
#4c94a8 rgb(76,148,168)
```
#4c8da8
```
#4c8da8 rgb(76,141,168)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#4c7da8
```
#4c7da8 rgb(76,125,168)
```
#4c76a8
```
#4c76a8 rgb(76,118,168)
```
#4c6ea8
```
#4c6ea8 rgb(76,110,168)
```

Similar Colors

Text with hexadecimal color #4c85a8

This text has a font color of #4c85a8.

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

#4c85a8 background color

This paragraph has a background color of #4c85a8.

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

#4c85a8 border color

This element has a border color of #4c85a8.

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

CSS codes

.text {color:#4c85a8;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#090f13
```
#090f13 rgb(9,15,19)
```
#0f1a21
```
#0f1a21 rgb(15,26,33)
```
#15252e
```
#15252e rgb(21,37,46)
```
#1b2f3c
```
#1b2f3c rgb(27,47,60)
```
#213a49
```
#213a49 rgb(33,58,73)
```
#274557
```
#274557 rgb(39,69,87)
```
#2d5064
```
#2d5064 rgb(45,80,100)
```
#345a72
```
#345a72 rgb(52,90,114)
```
#3a657f
```
#3a657f rgb(58,101,127)
```
#40708d
```
#40708d rgb(64,112,141)
```
#467a9a
```
#467a9a rgb(70,122,154)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```

Shade Color Variation

#558fb2
```
#558fb2 rgb(85,143,178)
```
#6398b8
```
#6398b8 rgb(99,152,184)
```
#70a1be
```
#70a1be rgb(112,161,190)
```
#7eaac5
```
#7eaac5 rgb(126,170,197)
```
#8bb3cb
```
#8bb3cb rgb(139,179,203)
```
#99bcd1
```
#99bcd1 rgb(153,188,209)
```
#a6c4d7
```
#a6c4d7 rgb(166,196,215)
```
#b4cddd
```
#b4cddd rgb(180,205,221)
```
#c1d6e3
```
#c1d6e3 rgb(193,214,227)
```
#cfdfe9
```
#cfdfe9 rgb(207,223,233)
```
#dce8ef
```
#dce8ef rgb(220,232,239)
```
#eaf1f5
```
#eaf1f5 rgb(234,241,245)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727c82 is the less saturated color, while #0197f3 is the most saturated one.

#727c82
```
#727c82 rgb(114,124,130)
```
#687e8c
```
#687e8c rgb(104,126,140)
```
#5f8195
```
#5f8195 rgb(95,129,149)
```
#55839f
```
#55839f rgb(85,131,159)
```
#4c85a8
```
#4c85a8 rgb(76,133,168)
```
#4387b1
```
#4387b1 rgb(67,135,177)
```
#3989bb
```
#3989bb rgb(57,137,187)
```
#308cc4
```
#308cc4 rgb(48,140,196)
```
#268ece
```
#268ece rgb(38,142,206)
```
#1d90d7
```
#1d90d7 rgb(29,144,215)
```
#1492e0
```
#1492e0 rgb(20,146,224)
```
#0a95ea
```
#0a95ea rgb(10,149,234)
```
#0197f3
```
#0197f3 rgb(1,151,243)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6f7b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84a7 Protanopia 1% of men
#7883af Deuteranopia 1% of men
#4c8e99 Tritanopia 0.001% of the population

Trichromacy

#6a84a7 Protanomaly 1% of men, 0.01% of women
#6884ac Deuteranomaly 6% of men, 0.4% of women
#4c8b9e Tritanomaly 0.01% of the population

#4c85a8 hex color

#4c85a8 Color Information

#4c85a8 Color Conversion

Color Schemes with #4c85a8

Alternatives to #4c85a8

#4c85a8 Preview

Shades and Tints of #4c85a8

Tones of #4c85a8

Color Blindness Simulator