#4c80ae hex color

In a RGB color space, hex #4c80ae is composed of 29.8% red, 50.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 26.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 208.2 degrees, a saturation of 39.2% and a lightness of 49%. #4c80ae color hex could be obtained by blending #98ffff with #00015d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 30
- G 50
- B 68
RGB color chart
- C 56
- M 26
- Y 0
- K 32
CMYK color chart

● #4c80ae color description : Dark moderate blue.

The hexadecimal color #4c80ae has RGB values of R:76, G:128, B:174 and CMYK values of C:0.56, M:0.26, Y:0, K:0.32. Its decimal value is 5013678.

Hex triplet	4c80ae	`#4c80ae`
RGB Decimal	76, 128, 174	`rgb(76,128,174)`
RGB Percent	29.8, 50.2, 68.2	`rgb(29.8%,50.2%,68.2%)`
CMYK	56, 26, 0, 32
HSL	208.2°, 39.2, 49	`hsl(208.2,39.2%,49%)`
HSV (or HSB)	208.2°, 56.3, 68.2
Web Safe	339999	`#339999`

CIE-LAB	51.871, -3.629, -29.65
XYZ	18.338, 20.03, 42.942
xyY	0.226, 0.246, 20.03
CIE-LCH	51.871, 29.871, 263.021
CIE-LUV	51.871, -22.904, -44.237
Hunter-Lab	44.755, -5.182, -25.56
Binary	01001100, 10000000, 10101110

#4c80ae
```
#4c80ae rgb(76,128,174)
```
#ae7a4c
```
#ae7a4c rgb(174,122,76)
```

Complementary Color

#4caeab
```
#4caeab rgb(76,174,171)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#4c4fae
```
#4c4fae rgb(76,79,174)
```

Analogous Color

#aeab4c
```
#aeab4c rgb(174,171,76)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#ae4c4f
```
#ae4c4f rgb(174,76,79)
```

Split Complementary Color

#80ae4c
```
#80ae4c rgb(128,174,76)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#ae4c80
```
#ae4c80 rgb(174,76,128)
```

Triadic Color

#4cae7a
```
#4cae7a rgb(76,174,122)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#ae4c80
```
#ae4c80 rgb(174,76,128)
```
#ae7a4c
```
#ae7a4c rgb(174,122,76)
```

Tetradic Color

#355979
```
#355979 rgb(53,89,121)
```
#3c668b
```
#3c668b rgb(60,102,139)
```
#44739c
```
#44739c rgb(68,115,156)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#5c8db8
```
#5c8db8 rgb(92,141,184)
```
#6e99bf
```
#6e99bf rgb(110,153,191)
```
#7fa5c7
```
#7fa5c7 rgb(127,165,199)
```

Monochromatic Color

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

#4c99ae
```
#4c99ae rgb(76,153,174)
```
#4c90ae
```
#4c90ae rgb(76,144,174)
```
#4c88ae
```
#4c88ae rgb(76,136,174)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#4c78ae
```
#4c78ae rgb(76,120,174)
```
#4c70ae
```
#4c70ae rgb(76,112,174)
```
#4c68ae
```
#4c68ae rgb(76,104,174)
```

Similar Colors

Text with hexadecimal color #4c80ae

This text has a font color of #4c80ae.

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

#4c80ae background color

This paragraph has a background color of #4c80ae.

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

#4c80ae border color

This element has a border color of #4c80ae.

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

CSS codes

.text {color:#4c80ae;}

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

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1218
```
#0a1218 rgb(10,18,24)
```
#101c25
```
#101c25 rgb(16,28,37)
```
#162633
```
#162633 rgb(22,38,51)
```
#1c3041
```
#1c3041 rgb(28,48,65)
```
#223a4e
```
#223a4e rgb(34,58,78)
```
#28445c
```
#28445c rgb(40,68,92)
```
#2e4e6a
```
#2e4e6a rgb(46,78,106)
```
#345877
```
#345877 rgb(52,88,119)
```
#3a6285
```
#3a6285 rgb(58,98,133)
```
#406c93
```
#406c93 rgb(64,108,147)
```
#4676a0
```
#4676a0 rgb(70,118,160)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```

Shade Color Variation

#588ab6
```
#588ab6 rgb(88,138,182)
```
#6593bc
```
#6593bc rgb(101,147,188)
```
#739dc2
```
#739dc2 rgb(115,157,194)
```
#81a6c8
```
#81a6c8 rgb(129,166,200)
```
#8eb0ce
```
#8eb0ce rgb(142,176,206)
```
#9cbad4
```
#9cbad4 rgb(156,186,212)
```
#aac3da
```
#aac3da rgb(170,195,218)
```
#b7cde0
```
#b7cde0 rgb(183,205,224)
```
#c5d6e6
```
#c5d6e6 rgb(197,214,230)
```
#d3e0ec
```
#d3e0ec rgb(211,224,236)
```
#e0e9f2
```
#e0e9f2 rgb(224,233,242)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d7e is the less saturated color, while #0984f1 is the most saturated one.

#7c7d7e
```
#7c7d7e rgb(124,125,126)
```
#727e88
```
#727e88 rgb(114,126,136)
```
#697e91
```
#697e91 rgb(105,126,145)
```
#5f7f9b
```
#5f7f9b rgb(95,127,155)
```
#567fa4
```
#567fa4 rgb(86,127,164)
```
#4c80ae
```
#4c80ae rgb(76,128,174)
```
#4281b8
```
#4281b8 rgb(66,129,184)
```
#3981c1
```
#3981c1 rgb(57,129,193)
```
#2f82cb
```
#2f82cb rgb(47,130,203)
```
#2682d4
```
#2682d4 rgb(38,130,212)
```
#1c83de
```
#1c83de rgb(28,131,222)
```
#1284e8
```
#1284e8 rgb(18,132,232)
```
#0984f1
```
#0984f1 rgb(9,132,241)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6e7881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7480ae Protanopia 1% of men
#6e81b4 Deuteranopia 1% of men
#478c96 Tritanopia 0.001% of the population

Trichromacy

#6580ae Protanomaly 1% of men, 0.01% of women
#6180b1 Deuteranomaly 6% of men, 0.4% of women
#49879e Tritanomaly 0.01% of the population

#4c80ae hex color

#4c80ae Color Information

#4c80ae Color Conversion

Color Schemes with #4c80ae

Alternatives to #4c80ae

#4c80ae Preview

Shades and Tints of #4c80ae

Tones of #4c80ae

Color Blindness Simulator