#4b7a8d hex color

In a RGB color space, hex #4b7a8d is composed of 29.4% red, 47.8% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 13.5% magenta, 0% yellow and 44.7% black. It has a hue angle of 197.3 degrees, a saturation of 30.6% and a lightness of 42.4%. #4b7a8d color hex could be obtained by blending #96f4ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 48
- B 55
RGB color chart
- C 47
- M 13
- Y 0
- K 45
CMYK color chart

● #4b7a8d color description : Dark moderate blue.

The hexadecimal color #4b7a8d has RGB values of R:75, G:122, B:141 and CMYK values of C:0.47, M:0.13, Y:0, K:0.45. Its decimal value is 4946573.

Hex triplet	4b7a8d	`#4b7a8d`
RGB Decimal	75, 122, 141	`rgb(75,122,141)`
RGB Percent	29.4, 47.8, 55.3	`rgb(29.4%,47.8%,55.3%)`
CMYK	47, 13, 0, 45
HSL	197.3°, 30.6, 42.4	`hsl(197.3,30.6%,42.4%)`
HSV (or HSB)	197.3°, 46.8, 55.3
Web Safe	336699	`#336699`

CIE-LAB	48.682, -10.611, -15.315
XYZ	14.668, 17.337, 27.771
xyY	0.245, 0.29, 17.337
CIE-LCH	48.682, 18.632, 235.284
CIE-LUV	48.682, -21.5, -20.589
Hunter-Lab	41.638, -9.987, -10.398
Binary	01001011, 01111010, 10001101

#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#8d5e4b
```
#8d5e4b rgb(141,94,75)
```

Complementary Color

#4b8d7f
```
#4b8d7f rgb(75,141,127)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#4b598d
```
#4b598d rgb(75,89,141)
```

Analogous Color

#8d7f4b
```
#8d7f4b rgb(141,127,75)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#8d4b59
```
#8d4b59 rgb(141,75,89)
```

Split Complementary Color

#7a8d4b
```
#7a8d4b rgb(122,141,75)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#8d4b7a
```
#8d4b7a rgb(141,75,122)
```

Triadic Color

#4b8d5e
```
#4b8d5e rgb(75,141,94)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#8d4b7a
```
#8d4b7a rgb(141,75,122)
```
#8d5e4b
```
#8d5e4b rgb(141,94,75)
```

Tetradic Color

#304f5b
```
#304f5b rgb(48,79,91)
```
#395d6c
```
#395d6c rgb(57,93,108)
```
#426c7c
```
#426c7c rgb(66,108,124)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#54889e
```
#54889e rgb(84,136,158)
```
#6095ab
```
#6095ab rgb(96,149,171)
```
#71a0b3
```
#71a0b3 rgb(113,160,179)
```

Monochromatic Color

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

#4b8b8d
```
#4b8b8d rgb(75,139,141)
```
#4b858d
```
#4b858d rgb(75,133,141)
```
#4b808d
```
#4b808d rgb(75,128,141)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#4b758d
```
#4b758d rgb(75,117,141)
```
#4b6f8d
```
#4b6f8d rgb(75,111,141)
```
#4b6a8d
```
#4b6a8d rgb(75,106,141)
```

Similar Colors

Text with hexadecimal color #4b7a8d

This text has a font color of #4b7a8d.

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

#4b7a8d background color

This paragraph has a background color of #4b7a8d.

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

#4b7a8d border color

This element has a border color of #4b7a8d.

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

CSS codes

.text {color:#4b7a8d;}

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

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

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)
```
#0e161a
```
#0e161a rgb(14,22,26)
```
#152127
```
#152127 rgb(21,33,39)
```
#1b2c33
```
#1b2c33 rgb(27,44,51)
```
#223840
```
#223840 rgb(34,56,64)
```
#29434d
```
#29434d rgb(41,67,77)
```
#304e5a
```
#304e5a rgb(48,78,90)
```
#375967
```
#375967 rgb(55,89,103)
```
#3d6473
```
#3d6473 rgb(61,100,115)
```
#446f80
```
#446f80 rgb(68,111,128)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#52859a
```
#52859a rgb(82,133,154)
```

Shade Color Variation

#5990a7
```
#5990a7 rgb(89,144,167)
```
#6599ad
```
#6599ad rgb(101,153,173)
```
#72a1b4
```
#72a1b4 rgb(114,161,180)
```
#7faabb
```
#7faabb rgb(127,170,187)
```
#8cb2c2
```
#8cb2c2 rgb(140,178,194)
```
#99bbc9
```
#99bbc9 rgb(153,187,201)
```
#a6c3cf
```
#a6c3cf rgb(166,195,207)
```
#b2ccd6
```
#b2ccd6 rgb(178,204,214)
```
#bfd4dd
```
#bfd4dd rgb(191,212,221)
```
#ccdde4
```
#ccdde4 rgb(204,221,228)
```
#d9e5eb
```
#d9e5eb rgb(217,229,235)
```
#e6eef1
```
#e6eef1 rgb(230,238,241)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```

Tint Color Variation

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

#646f74
```
#646f74 rgb(100,111,116)
```
#5c737c
```
#5c737c rgb(92,115,124)
```
#537685
```
#537685 rgb(83,118,133)
```
#4b7a8d
```
#4b7a8d rgb(75,122,141)
```
#437e95
```
#437e95 rgb(67,126,149)
```
#3a819e
```
#3a819e rgb(58,129,158)
```
#3285a6
```
#3285a6 rgb(50,133,166)
```
#2a88ae
```
#2a88ae rgb(42,136,174)
```
#218cb7
```
#218cb7 rgb(33,140,183)
```
#198fbf
```
#198fbf rgb(25,143,191)
```
#1193c7
```
#1193c7 rgb(17,147,199)
```
#0996cf
```
#0996cf rgb(9,150,207)
```
#009ad8
```
#009ad8 rgb(0,154,216)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#677074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76798e Protanopia 1% of men
#777895 Deuteranopia 1% of men
#51828b Tritanopia 0.001% of the population

Trichromacy

#66798e Protanomaly 1% of men, 0.01% of women
#677992 Deuteranomaly 6% of men, 0.4% of women
#4f7f8c Tritanomaly 0.01% of the population

#4b7a8d hex color

#4b7a8d Color Information

#4b7a8d Color Conversion

Color Schemes with #4b7a8d

Alternatives to #4b7a8d

#4b7a8d Preview

Shades and Tints of #4b7a8d

Tones of #4b7a8d

Color Blindness Simulator