#4a7c8e hex color

In a RGB color space, hex #4a7c8e is composed of 29% red, 48.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 12.7% magenta, 0% yellow and 44.3% black. It has a hue angle of 195.9 degrees, a saturation of 31.5% and a lightness of 42.4%. #4a7c8e color hex could be obtained by blending #94f8ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 49
- B 56
RGB color chart
- C 48
- M 13
- Y 0
- K 44
CMYK color chart

● #4a7c8e color description : Dark moderate blue.

The hexadecimal color #4a7c8e has RGB values of R:74, G:124, B:142 and CMYK values of C:0.48, M:0.13, Y:0, K:0.44. Its decimal value is 4881550.

Hex triplet	4a7c8e	`#4a7c8e`
RGB Decimal	74, 124, 142	`rgb(74,124,142)`
RGB Percent	29, 48.6, 55.7	`rgb(29%,48.6%,55.7%)`
CMYK	48, 13, 0, 44
HSL	195.9°, 31.5, 42.4	`hsl(195.9,31.5%,42.4%)`
HSV (or HSB)	195.9°, 47.9, 55.7
Web Safe	336699	`#336699`

CIE-LAB	49.281, -11.706, -14.998
XYZ	14.913, 17.823, 28.244
xyY	0.245, 0.292, 17.823
CIE-LCH	49.281, 19.026, 232.027
CIE-LUV	49.281, -22.614, -20.018
Hunter-Lab	42.218, -10.828, -10.113
Binary	01001010, 01111100, 10001110

#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#8e5c4a
```
#8e5c4a rgb(142,92,74)
```

Complementary Color

#4a8e7e
```
#4a8e7e rgb(74,142,126)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#4a5a8e
```
#4a5a8e rgb(74,90,142)
```

Analogous Color

#8e7e4a
```
#8e7e4a rgb(142,126,74)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#8e4a5a
```
#8e4a5a rgb(142,74,90)
```

Split Complementary Color

#7c8e4a
```
#7c8e4a rgb(124,142,74)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#8e4a7c
```
#8e4a7c rgb(142,74,124)
```

Triadic Color

#4a8e5c
```
#4a8e5c rgb(74,142,92)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#8e4a7c
```
#8e4a7c rgb(142,74,124)
```
#8e5c4a
```
#8e5c4a rgb(142,92,74)
```

Tetradic Color

#30505c
```
#30505c rgb(48,80,92)
```
#395f6c
```
#395f6c rgb(57,95,108)
```
#416d7d
```
#416d7d rgb(65,109,125)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#538b9f
```
#538b9f rgb(83,139,159)
```
#5f98ac
```
#5f98ac rgb(95,152,172)
```
#70a2b4
```
#70a2b4 rgb(112,162,180)
```

Monochromatic Color

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

#4a8d8e
```
#4a8d8e rgb(74,141,142)
```
#4a878e
```
#4a878e rgb(74,135,142)
```
#4a828e
```
#4a828e rgb(74,130,142)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#4a768e
```
#4a768e rgb(74,118,142)
```
#4a718e
```
#4a718e rgb(74,113,142)
```
#4a6b8e
```
#4a6b8e rgb(74,107,142)
```

Similar Colors

Text with hexadecimal color #4a7c8e

This text has a font color of #4a7c8e.

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

#4a7c8e background color

This paragraph has a background color of #4a7c8e.

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

#4a7c8e border color

This element has a border color of #4a7c8e.

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

CSS codes

.text {color:#4a7c8e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0e171a
```
#0e171a rgb(14,23,26)
```
#142227
```
#142227 rgb(20,34,39)
```
#1b2d34
```
#1b2d34 rgb(27,45,52)
```
#223841
```
#223841 rgb(34,56,65)
```
#28444e
```
#28444e rgb(40,68,78)
```
#2f4f5a
```
#2f4f5a rgb(47,79,90)
```
#365a67
```
#365a67 rgb(54,90,103)
```
#3d6574
```
#3d6574 rgb(61,101,116)
```
#437181
```
#437181 rgb(67,113,129)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#51879b
```
#51879b rgb(81,135,155)
```

Shade Color Variation

#5892a8
```
#5892a8 rgb(88,146,168)
```
#649bae
```
#649bae rgb(100,155,174)
```
#71a3b5
```
#71a3b5 rgb(113,163,181)
```
#7eacbc
```
#7eacbc rgb(126,172,188)
```
#8bb4c3
```
#8bb4c3 rgb(139,180,195)
```
#98bcc9
```
#98bcc9 rgb(152,188,201)
```
#a5c5d0
```
#a5c5d0 rgb(165,197,208)
```
#b2cdd7
```
#b2cdd7 rgb(178,205,215)
```
#bfd5dd
```
#bfd5dd rgb(191,213,221)
```
#ccdee4
```
#ccdee4 rgb(204,222,228)
```
#d8e6eb
```
#d8e6eb rgb(216,230,235)
```
#e5eef2
```
#e5eef2 rgb(229,238,242)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6d is the less saturated color, while #089bd0 is the most saturated one.

#6b6c6d
```
#6b6c6d rgb(107,108,109)
```
#637075
```
#637075 rgb(99,112,117)
```
#5b747d
```
#5b747d rgb(91,116,125)
```
#527886
```
#527886 rgb(82,120,134)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#428096
```
#428096 rgb(66,128,150)
```
#39849f
```
#39849f rgb(57,132,159)
```
#3188a7
```
#3188a7 rgb(49,136,167)
```
#298caf
```
#298caf rgb(41,140,175)
```
#2090b8
```
#2090b8 rgb(32,144,184)
```
#1893c0
```
#1893c0 rgb(24,147,192)
```
#1097c8
```
#1097c8 rgb(16,151,200)
```
#089bd0
```
#089bd0 rgb(8,155,208)
```

Tone Color Variation

Below, you can see how #4a7c8e 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
#687275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787b8f Protanopia 1% of men
#797997 Deuteranopia 1% of men
#50838d Tritanopia 0.001% of the population

Trichromacy

#677b8e Protanomaly 1% of men, 0.01% of women
#687a93 Deuteranomaly 6% of men, 0.4% of women
#4e818d Tritanomaly 0.01% of the population

#4a7c8e hex color

#4a7c8e Color Information

#4a7c8e Color Conversion

Color Schemes with #4a7c8e

Alternatives to #4a7c8e

#4a7c8e Preview

Shades and Tints of #4a7c8e

Tones of #4a7c8e

Color Blindness Simulator