#4a7e80 hex color

In a RGB color space, hex #4a7e80 is composed of 29% red, 49.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 1.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 182.2 degrees, a saturation of 26.7% and a lightness of 39.6%. #4a7e80 color hex could be obtained by blending #94fcff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 49
- B 50
RGB color chart
- C 42
- M 2
- Y 0
- K 50
CMYK color chart

● #4a7e80 color description : Mostly desaturated dark cyan.

The hexadecimal color #4a7e80 has RGB values of R:74, G:126, B:128 and CMYK values of C:0.42, M:0.02, Y:0, K:0.5. Its decimal value is 4882048.

Hex triplet	4a7e80	`#4a7e80`
RGB Decimal	74, 126, 128	`rgb(74,126,128)`
RGB Percent	29, 49.4, 50.2	`rgb(29%,49.4%,50.2%)`
CMYK	42, 2, 0, 50
HSL	182.2°, 26.7, 39.6	`hsl(182.2,26.7%,39.6%)`
HSV (or HSB)	182.2°, 42.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	49.417, -16.786, -6.556
XYZ	14.18, 17.935, 23.136
xyY	0.257, 0.325, 17.935
CIE-LCH	49.417, 18.021, 201.334
CIE-LUV	49.417, -23.759, -6.787
Hunter-Lab	42.35, -14.345, -2.745
Binary	01001010, 01111110, 10000000

#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#804c4a
```
#804c4a rgb(128,76,74)
```

Complementary Color

#4a8067
```
#4a8067 rgb(74,128,103)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#4a6380
```
#4a6380 rgb(74,99,128)
```

Analogous Color

#80674a
```
#80674a rgb(128,103,74)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#804a63
```
#804a63 rgb(128,74,99)
```

Split Complementary Color

#7e804a
```
#7e804a rgb(126,128,74)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#804a7e
```
#804a7e rgb(128,74,126)
```

Triadic Color

#4a804c
```
#4a804c rgb(74,128,76)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#804a7e
```
#804a7e rgb(128,74,126)
```
#804c4a
```
#804c4a rgb(128,76,74)
```

Tetradic Color

#2e4e50
```
#2e4e50 rgb(46,78,80)
```
#375e60
```
#375e60 rgb(55,94,96)
```
#416e70
```
#416e70 rgb(65,110,112)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#538e90
```
#538e90 rgb(83,142,144)
```
#5d9ea0
```
#5d9ea0 rgb(93,158,160)
```
#6ca8aa
```
#6ca8aa rgb(108,168,170)
```

Monochromatic Color

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

#4a8075
```
#4a8075 rgb(74,128,117)
```
#4a8079
```
#4a8079 rgb(74,128,121)
```
#4a807e
```
#4a807e rgb(74,128,126)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#4a7a80
```
#4a7a80 rgb(74,122,128)
```
#4a7580
```
#4a7580 rgb(74,117,128)
```
#4a7180
```
#4a7180 rgb(74,113,128)
```

Similar Colors

Text with hexadecimal color #4a7e80

This text has a font color of #4a7e80.

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

#4a7e80 background color

This paragraph has a background color of #4a7e80.

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

#4a7e80 border color

This element has a border color of #4a7e80.

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

CSS codes

.text {color:#4a7e80;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#091010
```
#091010 rgb(9,16,16)
```
#111c1d
```
#111c1d rgb(17,28,29)
```
#182829
```
#182829 rgb(24,40,41)
```
#1f3535
```
#1f3535 rgb(31,53,53)
```
#264142
```
#264142 rgb(38,65,66)
```
#2d4d4e
```
#2d4d4e rgb(45,77,78)
```
#34595b
```
#34595b rgb(52,89,91)
```
#3c6667
```
#3c6667 rgb(60,102,103)
```
#437274
```
#437274 rgb(67,114,116)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#518a8c
```
#518a8c rgb(81,138,140)
```
#589699
```
#589699 rgb(88,150,153)
```

Shade Color Variation

#61a1a4
```
#61a1a4 rgb(97,161,164)
```
#6ea9ab
```
#6ea9ab rgb(110,169,171)
```
#7ab0b2
```
#7ab0b2 rgb(122,176,178)
```
#86b7b9
```
#86b7b9 rgb(134,183,185)
```
#93bfc0
```
#93bfc0 rgb(147,191,192)
```
#9fc6c8
```
#9fc6c8 rgb(159,198,200)
```
#accecf
```
#accecf rgb(172,206,207)
```
#b8d5d6
```
#b8d5d6 rgb(184,213,214)
```
#c5dcdd
```
#c5dcdd rgb(197,220,221)
```
#d1e4e4
```
#d1e4e4 rgb(209,228,228)
```
#ddebec
```
#ddebec rgb(221,235,236)
```
#eaf2f3
```
#eaf2f3 rgb(234,242,243)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#616869
```
#616869 rgb(97,104,105)
```
#5a7070
```
#5a7070 rgb(90,112,112)
```
#527778
```
#527778 rgb(82,119,120)
```
#4a7e80
```
#4a7e80 rgb(74,126,128)
```
#428588
```
#428588 rgb(66,133,136)
```
#3a8c90
```
#3a8c90 rgb(58,140,144)
```
#339497
```
#339497 rgb(51,148,151)
```
#2b9b9f
```
#2b9b9f rgb(43,155,159)
```
#23a2a7
```
#23a2a7 rgb(35,162,167)
```
#1ba9af
```
#1ba9af rgb(27,169,175)
```
#14b0b6
```
#14b0b6 rgb(20,176,182)
```
#0cb8be
```
#0cb8be rgb(12,184,190)
```
#04bfc6
```
#04bfc6 rgb(4,191,198)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#687272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7b81 Protanopia 1% of men
#81798a Deuteranopia 1% of men
#55838d Tritanopia 0.001% of the population

Trichromacy

#6a7c81 Protanomaly 1% of men, 0.01% of women
#6d7b86 Deuteranomaly 6% of men, 0.4% of women
#518188 Tritanomaly 0.01% of the population

#4a7e80 hex color

#4a7e80 Color Information

#4a7e80 Color Conversion

Color Schemes with #4a7e80

Alternatives to #4a7e80

#4a7e80 Preview

Shades and Tints of #4a7e80

Tones of #4a7e80

Color Blindness Simulator