#4b7c8a hex color

In a RGB color space, hex #4b7c8a is composed of 29.4% red, 48.6% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 10.1% magenta, 0% yellow and 45.9% black. It has a hue angle of 193.3 degrees, a saturation of 29.6% and a lightness of 41.8%. #4b7c8a color hex could be obtained by blending #96f8ff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 49
- B 54
RGB color chart
- C 46
- M 10
- Y 0
- K 46
CMYK color chart

● #4b7c8a color description : Dark moderate cyan.

The hexadecimal color #4b7c8a has RGB values of R:75, G:124, B:138 and CMYK values of C:0.46, M:0.1, Y:0, K:0.46. Its decimal value is 4947082.

Hex triplet	4b7c8a	`#4b7c8a`
RGB Decimal	75, 124, 138	`rgb(75,124,138)`
RGB Percent	29.4, 48.6, 54.1	`rgb(29.4%,48.6%,54.1%)`
CMYK	46, 10, 0, 46
HSL	193.3°, 29.6, 41.8	`hsl(193.3,29.6%,41.8%)`
HSV (or HSB)	193.3°, 45.7, 54.1
Web Safe	336699	`#336699`

CIE-LAB	49.186, -12.612, -12.785
XYZ	14.696, 17.745, 26.694
xyY	0.249, 0.3, 17.745
CIE-LCH	49.186, 17.959, 225.391
CIE-LUV	49.186, -22.372, -16.548
Hunter-Lab	42.125, -11.448, -8.084
Binary	01001011, 01111100, 10001010

#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#8a594b
```
#8a594b rgb(138,89,75)
```

Complementary Color

#4b8a79
```
#4b8a79 rgb(75,138,121)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#4b5d8a
```
#4b5d8a rgb(75,93,138)
```

Analogous Color

#8a794b
```
#8a794b rgb(138,121,75)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#8a4b5d
```
#8a4b5d rgb(138,75,93)
```

Split Complementary Color

#7c8a4b
```
#7c8a4b rgb(124,138,75)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#8a4b7c
```
#8a4b7c rgb(138,75,124)
```

Triadic Color

#4b8a59
```
#4b8a59 rgb(75,138,89)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#8a4b7c
```
#8a4b7c rgb(138,75,124)
```
#8a594b
```
#8a594b rgb(138,89,75)
```

Tetradic Color

#304f58
```
#304f58 rgb(48,79,88)
```
#395e69
```
#395e69 rgb(57,94,105)
```
#426d79
```
#426d79 rgb(66,109,121)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#548b9b
```
#548b9b rgb(84,139,155)
```
#6098a8
```
#6098a8 rgb(96,152,168)
```
#70a3b1
```
#70a3b1 rgb(112,163,177)
```

Monochromatic Color

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

#4b8a88
```
#4b8a88 rgb(75,138,136)
```
#4b878a
```
#4b878a rgb(75,135,138)
```
#4b818a
```
#4b818a rgb(75,129,138)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#4b778a
```
#4b778a rgb(75,119,138)
```
#4b728a
```
#4b728a rgb(75,114,138)
```
#4b6c8a
```
#4b6c8a rgb(75,108,138)
```

Similar Colors

Text with hexadecimal color #4b7c8a

This text has a font color of #4b7c8a.

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

#4b7c8a background color

This paragraph has a background color of #4b7c8a.

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

#4b7c8a border color

This element has a border color of #4b7c8a.

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

CSS codes

.text {color:#4b7c8a;}

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

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

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, #060a0b is the darkest color, while #fdfefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0d1518
```
#0d1518 rgb(13,21,24)
```
#142124
```
#142124 rgb(20,33,36)
```
#1b2c31
```
#1b2c31 rgb(27,44,49)
```
#22373e
```
#22373e rgb(34,55,62)
```
#28434a
```
#28434a rgb(40,67,74)
```
#2f4e57
```
#2f4e57 rgb(47,78,87)
```
#365a64
```
#365a64 rgb(54,90,100)
```
#3d6571
```
#3d6571 rgb(61,101,113)
```
#44717d
```
#44717d rgb(68,113,125)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#528797
```
#528797 rgb(82,135,151)
```
#5993a3
```
#5993a3 rgb(89,147,163)
```

Shade Color Variation

#659bab
```
#659bab rgb(101,155,171)
```
#71a4b2
```
#71a4b2 rgb(113,164,178)
```
#7eacb9
```
#7eacb9 rgb(126,172,185)
```
#8bb4c0
```
#8bb4c0 rgb(139,180,192)
```
#98bcc7
```
#98bcc7 rgb(152,188,199)
```
#a4c4ce
```
#a4c4ce rgb(164,196,206)
```
#b1cdd5
```
#b1cdd5 rgb(177,205,213)
```
#bed5db
```
#bed5db rgb(190,213,219)
```
#cadde2
```
#cadde2 rgb(202,221,226)
```
#d7e5e9
```
#d7e5e9 rgb(215,229,233)
```
#e4edf0
```
#e4edf0 rgb(228,237,240)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646e71 is the less saturated color, while #01a5d4 is the most saturated one.

#646e71
```
#646e71 rgb(100,110,113)
```
#5b737a
```
#5b737a rgb(91,115,122)
```
#537782
```
#537782 rgb(83,119,130)
```
#4b7c8a
```
#4b7c8a rgb(75,124,138)
```
#438192
```
#438192 rgb(67,129,146)
```
#3b859a
```
#3b859a rgb(59,133,154)
```
#328aa3
```
#328aa3 rgb(50,138,163)
```
#2a8eab
```
#2a8eab rgb(42,142,171)
```
#2293b3
```
#2293b3 rgb(34,147,179)
```
#1a97bb
```
#1a97bb rgb(26,151,187)
```
#129cc3
```
#129cc3 rgb(18,156,195)
```
#09a0cc
```
#09a0cc rgb(9,160,204)
```
#01a5d4
```
#01a5d4 rgb(1,165,212)
```

Tone Color Variation

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

Dichromacy

#797b8b Protanopia 1% of men
#7b7993 Deuteranopia 1% of men
#53838c Tritanopia 0.001% of the population

Trichromacy

#687b8a Protanomaly 1% of men, 0.01% of women
#697a90 Deuteranomaly 6% of men, 0.4% of women
#50808b Tritanomaly 0.01% of the population

#4b7c8a hex color

#4b7c8a Color Information

#4b7c8a Color Conversion

Color Schemes with #4b7c8a

Alternatives to #4b7c8a

#4b7c8a Preview

Shades and Tints of #4b7c8a

Tones of #4b7c8a

Color Blindness Simulator