#4c85a2 hex color

In a RGB color space, hex #4c85a2 is composed of 29.8% red, 52.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 17.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 200.2 degrees, a saturation of 36.1% and a lightness of 46.7%. #4c85a2 color hex could be obtained by blending #98ffff with #000b45. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 30
- G 52
- B 64
RGB color chart
- C 53
- M 18
- Y 0
- K 36
CMYK color chart

● #4c85a2 color description : Dark moderate blue.

The hexadecimal color #4c85a2 has RGB values of R:76, G:133, B:162 and CMYK values of C:0.53, M:0.18, Y:0, K:0.36. Its decimal value is 5014946.

Hex triplet	4c85a2	`#4c85a2`
RGB Decimal	76, 133, 162	`rgb(76,133,162)`
RGB Percent	29.8, 52.2, 63.5	`rgb(29.8%,52.2%,63.5%)`
CMYK	53, 18, 0, 36
HSL	200.2°, 36.1, 46.7	`hsl(200.2,36.1%,46.7%)`
HSV (or HSB)	200.2°, 53.1, 63.5
Web Safe	339999	`#339999`

CIE-LAB	52.861, -10.279, -21.185
XYZ	17.888, 20.919, 37.276
xyY	0.235, 0.275, 20.919
CIE-LCH	52.861, 23.547, 244.118
CIE-LUV	52.861, -25.086, -30.115
Hunter-Lab	45.737, -10.229, -16.305
Binary	01001100, 10000101, 10100010

#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#a2694c
```
#a2694c rgb(162,105,76)
```

Complementary Color

#4ca294
```
#4ca294 rgb(76,162,148)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#4c5aa2
```
#4c5aa2 rgb(76,90,162)
```

Analogous Color

#a2944c
```
#a2944c rgb(162,148,76)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#a24c5a
```
#a24c5a rgb(162,76,90)
```

Split Complementary Color

#85a24c
```
#85a24c rgb(133,162,76)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#a24c85
```
#a24c85 rgb(162,76,133)
```

Triadic Color

#4ca269
```
#4ca269 rgb(76,162,105)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#a24c85
```
#a24c85 rgb(162,76,133)
```
#a2694c
```
#a2694c rgb(162,105,76)
```

Tetradic Color

#345a6e
```
#345a6e rgb(52,90,110)
```
#3c697f
```
#3c697f rgb(60,105,127)
```
#447791
```
#447791 rgb(68,119,145)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#5792b0
```
#5792b0 rgb(87,146,176)
```
#699eb8
```
#699eb8 rgb(105,158,184)
```
#7aa9c1
```
#7aa9c1 rgb(122,169,193)
```

Monochromatic Color

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

#4c9ba2
```
#4c9ba2 rgb(76,155,162)
```
#4c93a2
```
#4c93a2 rgb(76,147,162)
```
#4c8ca2
```
#4c8ca2 rgb(76,140,162)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#4c7ea2
```
#4c7ea2 rgb(76,126,162)
```
#4c77a2
```
#4c77a2 rgb(76,119,162)
```
#4c70a2
```
#4c70a2 rgb(76,112,162)
```

Similar Colors

Text with hexadecimal color #4c85a2

This text has a font color of #4c85a2.

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

#4c85a2 background color

This paragraph has a background color of #4c85a2.

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

#4c85a2 border color

This element has a border color of #4c85a2.

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

CSS codes

.text {color:#4c85a2;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0d171c
```
#0d171c rgb(13,23,28)
```
#14222a
```
#14222a rgb(20,34,42)
```
#1a2d37
```
#1a2d37 rgb(26,45,55)
```
#203845
```
#203845 rgb(32,56,69)
```
#264352
```
#264352 rgb(38,67,82)
```
#2d4e5f
```
#2d4e5f rgb(45,78,95)
```
#33596d
```
#33596d rgb(51,89,109)
```
#39647a
```
#39647a rgb(57,100,122)
```
#3f6f87
```
#3f6f87 rgb(63,111,135)
```
#467a95
```
#467a95 rgb(70,122,149)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```

Shade Color Variation

#5390ae
```
#5390ae rgb(83,144,174)
```
#6198b5
```
#6198b5 rgb(97,152,181)
```
#6ea1bb
```
#6ea1bb rgb(110,161,187)
```
#7baac1
```
#7baac1 rgb(123,170,193)
```
#89b2c7
```
#89b2c7 rgb(137,178,199)
```
#96bbce
```
#96bbce rgb(150,187,206)
```
#a3c4d4
```
#a3c4d4 rgb(163,196,212)
```
#b1ccda
```
#b1ccda rgb(177,204,218)
```
#bed5e1
```
#bed5e1 rgb(190,213,225)
```
#cbdee7
```
#cbdee7 rgb(203,222,231)
```
#d9e6ed
```
#d9e6ed rgb(217,230,237)
```
#e6eff3
```
#e6eff3 rgb(230,239,243)
```
#f3f8fa
```
#f3f8fa rgb(243,248,250)
```

Tint Color Variation

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

#71797d
```
#71797d rgb(113,121,125)
```
#677c87
```
#677c87 rgb(103,124,135)
```
#5e7f90
```
#5e7f90 rgb(94,127,144)
```
#558299
```
#558299 rgb(85,130,153)
```
#4c85a2
```
#4c85a2 rgb(76,133,162)
```
#4388ab
```
#4388ab rgb(67,136,171)
```
#3a8bb4
```
#3a8bb4 rgb(58,139,180)
```
#318ebd
```
#318ebd rgb(49,142,189)
```
#2791c7
```
#2791c7 rgb(39,145,199)
```
#1e94d0
```
#1e94d0 rgb(30,148,208)
```
#1597d9
```
#1597d9 rgb(21,151,217)
```
#0c9ae2
```
#0c9ae2 rgb(12,154,226)
```
#039deb
```
#039deb rgb(3,157,235)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6e7a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d83a1 Protanopia 1% of men
#7b82aa Deuteranopia 1% of men
#4e8e98 Tritanopia 0.001% of the population

Trichromacy

#6b84a1 Protanomaly 1% of men, 0.01% of women
#6a83a7 Deuteranomaly 6% of men, 0.4% of women
#4d8a9b Tritanomaly 0.01% of the population

#4c85a2 hex color

#4c85a2 Color Information

#4c85a2 Color Conversion

Color Schemes with #4c85a2

Alternatives to #4c85a2

#4c85a2 Preview

Shades and Tints of #4c85a2

Tones of #4c85a2

Color Blindness Simulator