#4a6172 hex color

In a RGB color space, hex #4a6172 is composed of 29% red, 38% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 14.9% magenta, 0% yellow and 55.3% black. It has a hue angle of 205.5 degrees, a saturation of 21.3% and a lightness of 36.9%. #4a6172 color hex could be obtained by blending #94c2e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 38
- B 45
RGB color chart
- C 35
- M 15
- Y 0
- K 55
CMYK color chart

● #4a6172 color description : Very dark desaturated blue.

The hexadecimal color #4a6172 has RGB values of R:74, G:97, B:114 and CMYK values of C:0.35, M:0.15, Y:0, K:0.55. Its decimal value is 4874610.

Hex triplet	4a6172	`#4a6172`
RGB Decimal	74, 97, 114	`rgb(74,97,114)`
RGB Percent	29, 38, 44.7	`rgb(29%,38%,44.7%)`
CMYK	35, 15, 0, 55
HSL	205.5°, 21.3, 36.9	`hsl(205.5,21.3%,36.9%)`
HSV (or HSB)	205.5°, 35.1, 44.7
Web Safe	336666	`#336666`

CIE-LAB	39.948, -4.054, -12.382
XYZ	10.135, 11.22, 17.55
xyY	0.261, 0.288, 11.22
CIE-LCH	39.948, 13.028, 251.872
CIE-LUV	39.948, -11.633, -16.285
Hunter-Lab	33.496, -4.607, -7.618
Binary	01001010, 01100001, 01110010

#4a6172
```
#4a6172 rgb(74,97,114)
```
#725b4a
```
#725b4a rgb(114,91,74)
```

Complementary Color

#4a726f
```
#4a726f rgb(74,114,111)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#4a4d72
```
#4a4d72 rgb(74,77,114)
```

Analogous Color

#726f4a
```
#726f4a rgb(114,111,74)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#724a4d
```
#724a4d rgb(114,74,77)
```

Split Complementary Color

#61724a
```
#61724a rgb(97,114,74)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#724a61
```
#724a61 rgb(114,74,97)
```

Triadic Color

#4a725b
```
#4a725b rgb(74,114,91)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#724a61
```
#724a61 rgb(114,74,97)
```
#725b4a
```
#725b4a rgb(114,91,74)
```

Tetradic Color

#2c3a44
```
#2c3a44 rgb(44,58,68)
```
#364753
```
#364753 rgb(54,71,83)
```
#405463
```
#405463 rgb(64,84,99)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#546e81
```
#546e81 rgb(84,110,129)
```
#5e7b91
```
#5e7b91 rgb(94,123,145)
```
#6a889e
```
#6a889e rgb(106,136,158)
```

Monochromatic Color

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

#4a6b72
```
#4a6b72 rgb(74,107,114)
```
#4a6872
```
#4a6872 rgb(74,104,114)
```
#4a6472
```
#4a6472 rgb(74,100,114)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#4a5e72
```
#4a5e72 rgb(74,94,114)
```
#4a5a72
```
#4a5a72 rgb(74,90,114)
```
#4a5772
```
#4a5772 rgb(74,87,114)
```

Similar Colors

Text with hexadecimal color #4a6172

This text has a font color of #4a6172.

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

#4a6172 background color

This paragraph has a background color of #4a6172.

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

#4a6172 border color

This element has a border color of #4a6172.

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

CSS codes

.text {color:#4a6172;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0c1013
```
#0c1013 rgb(12,16,19)
```
#141a1f
```
#141a1f rgb(20,26,31)
```
#1c242b
```
#1c242b rgb(28,36,43)
```
#232e37
```
#232e37 rgb(35,46,55)
```
#2b3942
```
#2b3942 rgb(43,57,66)
```
#33434e
```
#33434e rgb(51,67,78)
```
#3b4d5a
```
#3b4d5a rgb(59,77,90)
```
#425766
```
#425766 rgb(66,87,102)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#526b7e
```
#526b7e rgb(82,107,126)
```
#59758a
```
#59758a rgb(89,117,138)
```
#617f96
```
#617f96 rgb(97,127,150)
```

Shade Color Variation

#6b899f
```
#6b899f rgb(107,137,159)
```
#7793a7
```
#7793a7 rgb(119,147,167)
```
#839caf
```
#839caf rgb(131,156,175)
```
#8fa6b6
```
#8fa6b6 rgb(143,166,182)
```
#9bafbe
```
#9bafbe rgb(155,175,190)
```
#a7b9c6
```
#a7b9c6 rgb(167,185,198)
```
#b3c2cd
```
#b3c2cd rgb(179,194,205)
```
#bfccd5
```
#bfccd5 rgb(191,204,213)
```
#cad5dd
```
#cad5dd rgb(202,213,221)
```
#d6dfe5
```
#d6dfe5 rgb(214,223,229)
```
#e2e8ec
```
#e2e8ec rgb(226,232,236)
```
#eef2f4
```
#eef2f4 rgb(238,242,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585f64 is the less saturated color, while #026cba is the most saturated one.

#585f64
```
#585f64 rgb(88,95,100)
```
#51606b
```
#51606b rgb(81,96,107)
```
#4a6172
```
#4a6172 rgb(74,97,114)
```
#436279
```
#436279 rgb(67,98,121)
```
#3c6380
```
#3c6380 rgb(60,99,128)
```
#346488
```
#346488 rgb(52,100,136)
```
#2d658f
```
#2d658f rgb(45,101,143)
```
#266696
```
#266696 rgb(38,102,150)
```
#1f689d
```
#1f689d rgb(31,104,157)
```
#1769a5
```
#1769a5 rgb(23,105,165)
```
#106aac
```
#106aac rgb(16,106,172)
```
#096bb3
```
#096bb3 rgb(9,107,179)
```
#026cba
```
#026cba rgb(2,108,186)
```

Tone Color Variation

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

Dichromacy

#626577 Protanopia 1% of men
#65647b Deuteranopia 1% of men
#516a72 Tritanopia 0.001% of the population

Trichromacy

#596375 Protanomaly 1% of men, 0.01% of women
#5b6377 Deuteranomaly 6% of men, 0.4% of women
#4e6772 Tritanomaly 0.01% of the population

#4a6172 hex color

#4a6172 Color Information

#4a6172 Color Conversion

Color Schemes with #4a6172

Alternatives to #4a6172

#4a6172 Preview

Shades and Tints of #4a6172

Tones of #4a6172

Color Blindness Simulator