#4c7080 hex color

In a RGB color space, hex #4c7080 is composed of 29.8% red, 43.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 12.5% magenta, 0% yellow and 49.8% black. It has a hue angle of 198.5 degrees, a saturation of 25.5% and a lightness of 40%. #4c7080 color hex could be obtained by blending #98e0ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 30
- G 44
- B 50
RGB color chart
- C 41
- M 13
- Y 0
- K 50
CMYK color chart

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

The hexadecimal color #4c7080 has RGB values of R:76, G:112, B:128 and CMYK values of C:0.41, M:0.13, Y:0, K:0.5. Its decimal value is 5009536.

Hex triplet	4c7080	`#4c7080`
RGB Decimal	76, 112, 128	`rgb(76,112,128)`
RGB Percent	29.8, 43.9, 50.2	`rgb(29.8%,43.9%,50.2%)`
CMYK	41, 13, 0, 50
HSL	198.5°, 25.5, 40	`hsl(198.5,25.5%,40%)`
HSV (or HSB)	198.5°, 40.6, 50.2
Web Safe	336699	`#336699`

CIE-LAB	45.197, -8.362, -12.883
XYZ	12.67, 14.683, 22.587
xyY	0.254, 0.294, 14.683
CIE-LCH	45.197, 15.359, 237.015
CIE-LUV	45.197, -17.207, -16.945
Hunter-Lab	38.318, -8.035, -8.127
Binary	01001100, 01110000, 10000000

#4c7080
```
#4c7080 rgb(76,112,128)
```
#805c4c
```
#805c4c rgb(128,92,76)
```

Complementary Color

#4c8076
```
#4c8076 rgb(76,128,118)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#4c5680
```
#4c5680 rgb(76,86,128)
```

Analogous Color

#80764c
```
#80764c rgb(128,118,76)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#804c56
```
#804c56 rgb(128,76,86)
```

Split Complementary Color

#70804c
```
#70804c rgb(112,128,76)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#804c70
```
#804c70 rgb(128,76,112)
```

Triadic Color

#4c805c
```
#4c805c rgb(76,128,92)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#804c70
```
#804c70 rgb(128,76,112)
```
#805c4c
```
#805c4c rgb(128,92,76)
```

Tetradic Color

#304650
```
#304650 rgb(48,70,80)
```
#395460
```
#395460 rgb(57,84,96)
```
#436270
```
#436270 rgb(67,98,112)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#567e90
```
#567e90 rgb(86,126,144)
```
#5f8ca0
```
#5f8ca0 rgb(95,140,160)
```
#6f98aa
```
#6f98aa rgb(111,152,170)
```

Monochromatic Color

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

#4c7d80
```
#4c7d80 rgb(76,125,128)
```
#4c7980
```
#4c7980 rgb(76,121,128)
```
#4c7480
```
#4c7480 rgb(76,116,128)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#4c6c80
```
#4c6c80 rgb(76,108,128)
```
#4c6780
```
#4c6780 rgb(76,103,128)
```
#4c6380
```
#4c6380 rgb(76,99,128)
```

Similar Colors

Text with hexadecimal color #4c7080

This text has a font color of #4c7080.

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

#4c7080 background color

This paragraph has a background color of #4c7080.

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

#4c7080 border color

This element has a border color of #4c7080.

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

CSS codes

.text {color:#4c7080;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f11
```
#0a0f11 rgb(10,15,17)
```
#121a1e
```
#121a1e rgb(18,26,30)
```
#19252a
```
#19252a rgb(25,37,42)
```
#202f36
```
#202f36 rgb(32,47,54)
```
#273a42
```
#273a42 rgb(39,58,66)
```
#2f454f
```
#2f454f rgb(47,69,79)
```
#36505b
```
#36505b rgb(54,80,91)
```
#3d5a67
```
#3d5a67 rgb(61,90,103)
```
#456574
```
#456574 rgb(69,101,116)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#537b8c
```
#537b8c rgb(83,123,140)
```
#5b8699
```
#5b8699 rgb(91,134,153)
```

Shade Color Variation

#6490a3
```
#6490a3 rgb(100,144,163)
```
#7098aa
```
#7098aa rgb(112,152,170)
```
#7da1b2
```
#7da1b2 rgb(125,161,178)
```
#89aab9
```
#89aab9 rgb(137,170,185)
```
#95b3c0
```
#95b3c0 rgb(149,179,192)
```
#a1bcc7
```
#a1bcc7 rgb(161,188,199)
```
#aec5cf
```
#aec5cf rgb(174,197,207)
```
#bacdd6
```
#bacdd6 rgb(186,205,214)
```
#c6d6dd
```
#c6d6dd rgb(198,214,221)
```
#d3dfe5
```
#d3dfe5 rgb(211,223,229)
```
#dfe8ec
```
#dfe8ec rgb(223,232,236)
```
#ebf1f3
```
#ebf1f3 rgb(235,241,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646768 is the less saturated color, while #058bc7 is the most saturated one.

#646768
```
#646768 rgb(100,103,104)
```
#5c6a70
```
#5c6a70 rgb(92,106,112)
```
#546d78
```
#546d78 rgb(84,109,120)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#447388
```
#447388 rgb(68,115,136)
```
#3c7690
```
#3c7690 rgb(60,118,144)
```
#347998
```
#347998 rgb(52,121,152)
```
#2d7c9f
```
#2d7c9f rgb(45,124,159)
```
#257fa7
```
#257fa7 rgb(37,127,167)
```
#1d82af
```
#1d82af rgb(29,130,175)
```
#1585b7
```
#1585b7 rgb(21,133,183)
```
#0d88bf
```
#0d88bf rgb(13,136,191)
```
#058bc7
```
#058bc7 rgb(5,139,199)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#62696c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7183 Protanopia 1% of men
#717089 Deuteranopia 1% of men
#537881 Tritanopia 0.001% of the population

Trichromacy

#627182 Protanomaly 1% of men, 0.01% of women
#637085 Deuteranomaly 6% of men, 0.4% of women
#507580 Tritanomaly 0.01% of the population

#4c7080 hex color

#4c7080 Color Information

#4c7080 Color Conversion

Color Schemes with #4c7080

Alternatives to #4c7080

#4c7080 Preview

Shades and Tints of #4c7080

Tones of #4c7080

Color Blindness Simulator