colorhexa.com

#4a5472 hex color

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

- R 29
- G 33
- B 45
RGB color chart
- C 35
- M 26
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #4a5472 has RGB values of R:74, G:84, B:114 and CMYK values of C:0.35, M:0.26, Y:0, K:0.55. Its decimal value is 4871282.

Hex triplet	4a5472	`#4a5472`
RGB Decimal	74, 84, 114	`rgb(74,84,114)`
RGB Percent	29, 32.9, 44.7	`rgb(29%,32.9%,44.7%)`
CMYK	35, 26, 0, 55
HSL	225°, 21.3, 36.9	`hsl(225,21.3%,36.9%)`
HSV (or HSB)	225°, 35.1, 44.7
Web Safe	336666	`#336666`

CIE-LAB	36.006, 3.995, -18.413
XYZ	9.031, 9.011, 17.182
xyY	0.256, 0.256, 9.011
CIE-LCH	36.006, 18.841, 282.242
CIE-LUV	36.006, -6.222, -25.285
Hunter-Lab	30.019, 1.169, -12.924
Binary	01001010, 01010100, 01110010

#4a5472
```
#4a5472 rgb(74,84,114)
```
#72684a
```
#72684a rgb(114,104,74)
```

Complementary Color

#4a6872
```
#4a6872 rgb(74,104,114)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#544a72
```
#544a72 rgb(84,74,114)
```

Analogous Color

#68724a
```
#68724a rgb(104,114,74)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#72544a
```
#72544a rgb(114,84,74)
```

Split Complementary Color

#54724a
```
#54724a rgb(84,114,74)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#724a54
```
#724a54 rgb(114,74,84)
```

Triadic Color

#4a7268
```
#4a7268 rgb(74,114,104)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#724a54
```
#724a54 rgb(114,74,84)
```
#72684a
```
#72684a rgb(114,104,74)
```

Tetradic Color

#2c3244
```
#2c3244 rgb(44,50,68)
```
#363d53
```
#363d53 rgb(54,61,83)
```
#404963
```
#404963 rgb(64,73,99)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#545f81
```
#545f81 rgb(84,95,129)
```
#5e6b91
```
#5e6b91 rgb(94,107,145)
```
#6a779e
```
#6a779e rgb(106,119,158)
```

Monochromatic Color

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

#4a5e72
```
#4a5e72 rgb(74,94,114)
```
#4a5b72
```
#4a5b72 rgb(74,91,114)
```
#4a5772
```
#4a5772 rgb(74,87,114)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#4a5172
```
#4a5172 rgb(74,81,114)
```
#4a4d72
```
#4a4d72 rgb(74,77,114)
```
#4a4a72
```
#4a4a72 rgb(74,74,114)
```

Similar Colors

Text with hexadecimal color #4a5472

This text has a font color of #4a5472.

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

#4a5472 background color

This paragraph has a background color of #4a5472.

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

#4a5472 border color

This element has a border color of #4a5472.

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

CSS codes

.text {color:#4a5472;}

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

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

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

#050507
```
#050507 rgb(5,5,7)
```
#0c0e13
```
#0c0e13 rgb(12,14,19)
```
#14171f
```
#14171f rgb(20,23,31)
```
#1c1f2b
```
#1c1f2b rgb(28,31,43)
```
#232837
```
#232837 rgb(35,40,55)
```
#2b3142
```
#2b3142 rgb(43,49,66)
```
#333a4e
```
#333a4e rgb(51,58,78)
```
#3b425a
```
#3b425a rgb(59,66,90)
```
#424b66
```
#424b66 rgb(66,75,102)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#525d7e
```
#525d7e rgb(82,93,126)
```
#59668a
```
#59668a rgb(89,102,138)
```
#616e96
```
#616e96 rgb(97,110,150)
```

Shade Color Variation

#6b789f
```
#6b789f rgb(107,120,159)
```
#7783a7
```
#7783a7 rgb(119,131,167)
```
#838eaf
```
#838eaf rgb(131,142,175)
```
#8f99b6
```
#8f99b6 rgb(143,153,182)
```
#9ba4be
```
#9ba4be rgb(155,164,190)
```
#a7afc6
```
#a7afc6 rgb(167,175,198)
```
#b3b9cd
```
#b3b9cd rgb(179,185,205)
```
#bfc4d5
```
#bfc4d5 rgb(191,196,213)
```
#cacfdd
```
#cacfdd rgb(202,207,221)
```
#d6dae5
```
#d6dae5 rgb(214,218,229)
```
#e2e5ec
```
#e2e5ec rgb(226,229,236)
```
#eef0f4
```
#eef0f4 rgb(238,240,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#585b64
```
#585b64 rgb(88,91,100)
```
#51586b
```
#51586b rgb(81,88,107)
```
#4a5472
```
#4a5472 rgb(74,84,114)
```
#435079
```
#435079 rgb(67,80,121)
```
#3c4d80
```
#3c4d80 rgb(60,77,128)
```
#344988
```
#344988 rgb(52,73,136)
```
#2d468f
```
#2d468f rgb(45,70,143)
```
#264296
```
#264296 rgb(38,66,150)
```
#1f3e9d
```
#1f3e9d rgb(31,62,157)
```
#173ba5
```
#173ba5 rgb(23,59,165)
```
#1037ac
```
#1037ac rgb(16,55,172)
```
#0933b3
```
#0933b3 rgb(9,51,179)
```
#0230ba
```
#0230ba rgb(2,48,186)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#52545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#555c79 Protanopia 1% of men
#555c79 Deuteranopia 1% of men
#4e6067 Tritanopia 0.001% of the population

Trichromacy

#515976 Protanomaly 1% of men, 0.01% of women
#515976 Deuteranomaly 6% of men, 0.4% of women
#4c5b6b Tritanomaly 0.01% of the population