colorhexa.com

#4a6076 hex color

In a RGB color space, hex #4a6076 is composed of 29% red, 37.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 18.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 210 degrees, a saturation of 22.9% and a lightness of 37.6%. #4a6076 color hex could be obtained by blending #94c0ec with #000000. Closest websafe color is: #336666.

- R 29
- G 38
- B 46
RGB color chart
- C 37
- M 19
- Y 0
- K 54
CMYK color chart

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

The hexadecimal color #4a6076 has RGB values of R:74, G:96, B:118 and CMYK values of C:0.37, M:0.19, Y:0, K:0.54. Its decimal value is 4874358.

Hex triplet	4a6076	`#4a6076`
RGB Decimal	74, 96, 118	`rgb(74,96,118)`
RGB Percent	29, 37.6, 46.3	`rgb(29%,37.6%,46.3%)`
CMYK	37, 19, 0, 54
HSL	210°, 22.9, 37.6	`hsl(210,22.9%,37.6%)`
HSV (or HSB)	210°, 37.3, 46.3
Web Safe	336666	`#336666`

CIE-LAB	39.797, -2.309, -15.058
XYZ	10.276, 11.129, 18.745
xyY	0.256, 0.277, 11.129
CIE-LCH	39.797, 15.234, 261.281
CIE-LUV	39.797, -11.26, -20.323
Hunter-Lab	33.36, -3.397, -9.963
Binary	01001010, 01100000, 01110110

#4a6076
```
#4a6076 rgb(74,96,118)
```
#76604a
```
#76604a rgb(118,96,74)
```

Complementary Color

#4a7676
```
#4a7676 rgb(74,118,118)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#4a4a76
```
#4a4a76 rgb(74,74,118)
```

Analogous Color

#76764a
```
#76764a rgb(118,118,74)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#764a4a
```
#764a4a rgb(118,74,74)
```

Split Complementary Color

#60764a
```
#60764a rgb(96,118,74)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#764a60
```
#764a60 rgb(118,74,96)
```

Triadic Color

#2d3a47
```
#2d3a47 rgb(45,58,71)
```
#364757
```
#364757 rgb(54,71,87)
```
#405366
```
#405366 rgb(64,83,102)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#546d86
```
#546d86 rgb(84,109,134)
```
#5e7a95
```
#5e7a95 rgb(94,122,149)
```
#6b86a2
```
#6b86a2 rgb(107,134,162)
```

Monochromatic Color

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

#4a6b76
```
#4a6b76 rgb(74,107,118)
```
#4a6776
```
#4a6776 rgb(74,103,118)
```
#4a6476
```
#4a6476 rgb(74,100,118)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#4a5c76
```
#4a5c76 rgb(74,92,118)
```
#4a5976
```
#4a5976 rgb(74,89,118)
```
#4a5576
```
#4a5576 rgb(74,85,118)
```

Similar Colors

Text with hexadecimal color #4a6076

This text has a font color of #4a6076.

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

#4a6076 background color

This paragraph has a background color of #4a6076.

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

#4a6076 border color

This element has a border color of #4a6076.

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

CSS codes

.text {color:#4a6076;}

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

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

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, #06080a is the darkest color, while #fcfdfd is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#151b22
```
#151b22 rgb(21,27,34)
```
#1d252e
```
#1d252e rgb(29,37,46)
```
#242f3a
```
#242f3a rgb(36,47,58)
```
#2c3946
```
#2c3946 rgb(44,57,70)
```
#334352
```
#334352 rgb(51,67,82)
```
#3b4c5e
```
#3b4c5e rgb(59,76,94)
```
#42566a
```
#42566a rgb(66,86,106)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#526a82
```
#526a82 rgb(82,106,130)
```
#59748e
```
#59748e rgb(89,116,142)
```
#617d9a
```
#617d9a rgb(97,125,154)
```

Shade Color Variation

#6c87a3
```
#6c87a3 rgb(108,135,163)
```
#7891aa
```
#7891aa rgb(120,145,170)
```
#849bb2
```
#849bb2 rgb(132,155,178)
```
#90a5b9
```
#90a5b9 rgb(144,165,185)
```
#9caec1
```
#9caec1 rgb(156,174,193)
```
#a8b8c8
```
#a8b8c8 rgb(168,184,200)
```
#b4c2d0
```
#b4c2d0 rgb(180,194,208)
```
#c0ccd8
```
#c0ccd8 rgb(192,204,216)
```
#ccd6df
```
#ccd6df rgb(204,214,223)
```
#d8e0e7
```
#d8e0e7 rgb(216,224,231)
```
#e4e9ee
```
#e4e9ee rgb(228,233,238)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#596067
```
#596067 rgb(89,96,103)
```
#51606f
```
#51606f rgb(81,96,111)
```
#4a6076
```
#4a6076 rgb(74,96,118)
```
#43607d
```
#43607d rgb(67,96,125)
```
#3b6085
```
#3b6085 rgb(59,96,133)
```
#34608c
```
#34608c rgb(52,96,140)
```
#2c6094
```
#2c6094 rgb(44,96,148)
```
#25609b
```
#25609b rgb(37,96,155)
```
#1e60a2
```
#1e60a2 rgb(30,96,162)
```
#1660aa
```
#1660aa rgb(22,96,170)
```
#0f60b1
```
#0f60b1 rgb(15,96,177)
```
#0860b8
```
#0860b8 rgb(8,96,184)
```
#0060c0
```
#0060c0 rgb(0,96,192)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60657b Protanopia 1% of men
#62647e Deuteranopia 1% of men
#506a72 Tritanopia 0.001% of the population

Trichromacy

#586379 Protanomaly 1% of men, 0.01% of women
#59627b Deuteranomaly 6% of men, 0.4% of women
#4d6673 Tritanomaly 0.01% of the population