colorhexa.com

#46557c hex color

In a RGB color space, hex #46557c is composed of 27.5% red, 33.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 31.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 223.3 degrees, a saturation of 27.8% and a lightness of 38%. #46557c color hex could be obtained by blending #8caaf8 with #000000. Closest websafe color is: #336666.

- R 27
- G 33
- B 49
RGB color chart
- C 44
- M 31
- Y 0
- K 51
CMYK color chart

● #46557c color description : Mostly desaturated dark blue.

The hexadecimal color #46557c has RGB values of R:70, G:85, B:124 and CMYK values of C:0.44, M:0.31, Y:0, K:0.51. Its decimal value is 4609404.

Hex triplet	46557c	`#46557c`
RGB Decimal	70, 85, 124	`rgb(70,85,124)`
RGB Percent	27.5, 33.3, 48.6	`rgb(27.5%,33.3%,48.6%)`
CMYK	44, 31, 0, 51
HSL	223.3°, 27.8, 38	`hsl(223.3,27.8%,38%)`
HSV (or HSB)	223.3°, 43.5, 48.6
Web Safe	336666	`#336666`

CIE-LAB	36.469, 5.161, -23.9
XYZ	9.412, 9.254, 20.358
xyY	0.241, 0.237, 9.254
CIE-LCH	36.469, 24.451, 282.185
CIE-LUV	36.469, -8.518, -33.377
Hunter-Lab	30.42, 1.99, -18.384
Binary	01000110, 01010101, 01111100

#46557c
```
#46557c rgb(70,85,124)
```
#7c6d46
```
#7c6d46 rgb(124,109,70)
```

Complementary Color

#46707c
```
#46707c rgb(70,112,124)
```
#46557c
```
#46557c rgb(70,85,124)
```
#52467c
```
#52467c rgb(82,70,124)
```

Analogous Color

#707c46
```
#707c46 rgb(112,124,70)
```
#46557c
```
#46557c rgb(70,85,124)
```
#7c5246
```
#7c5246 rgb(124,82,70)
```

Split Complementary Color

#557c46
```
#557c46 rgb(85,124,70)
```
#46557c
```
#46557c rgb(70,85,124)
```
#7c4655
```
#7c4655 rgb(124,70,85)
```

Triadic Color

#467c6d
```
#467c6d rgb(70,124,109)
```
#46557c
```
#46557c rgb(70,85,124)
```
#7c4655
```
#7c4655 rgb(124,70,85)
```
#7c6d46
```
#7c6d46 rgb(124,109,70)
```

Tetradic Color

#2a334b
```
#2a334b rgb(42,51,75)
```
#343f5b
```
#343f5b rgb(52,63,91)
```
#3d4a6c
```
#3d4a6c rgb(61,74,108)
```
#46557c
```
#46557c rgb(70,85,124)
```
#4f608c
```
#4f608c rgb(79,96,140)
```
#586b9d
```
#586b9d rgb(88,107,157)
```
#6678a9
```
#6678a9 rgb(102,120,169)
```

Monochromatic Color

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

#46637c
```
#46637c rgb(70,99,124)
```
#465e7c
```
#465e7c rgb(70,94,124)
```
#465a7c
```
#465a7c rgb(70,90,124)
```
#46557c
```
#46557c rgb(70,85,124)
```
#46517c
```
#46517c rgb(70,81,124)
```
#464c7c
```
#464c7c rgb(70,76,124)
```
#46487c
```
#46487c rgb(70,72,124)
```

Similar Colors

Text with hexadecimal color #46557c

This text has a font color of #46557c.

<span style="color:#46557c;">Text here</span>

#46557c background color

This paragraph has a background color of #46557c.

<p style="background-color:#46557c;">Content here</p>

#46557c border color

This element has a border color of #46557c.

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

CSS codes

.text {color:#46557c;}

.background {background-color:#46557c;}

.border {border:1px solid #46557c;}

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

#06080b
```
#06080b rgb(6,8,11)
```
#0d1018
```
#0d1018 rgb(13,16,24)
```
#141924
```
#141924 rgb(20,25,36)
```
#1c2131
```
#1c2131 rgb(28,33,49)
```
#232a3d
```
#232a3d rgb(35,42,61)
```
#2a334a
```
#2a334a rgb(42,51,74)
```
#313b56
```
#313b56 rgb(49,59,86)
```
#384463
```
#384463 rgb(56,68,99)
```
#3f4c6f
```
#3f4c6f rgb(63,76,111)
```
#46557c
```
#46557c rgb(70,85,124)
```
#4d5e89
```
#4d5e89 rgb(77,94,137)
```
#546695
```
#546695 rgb(84,102,149)
```
#5b6fa2
```
#5b6fa2 rgb(91,111,162)
```

Shade Color Variation

#677aa9
```
#677aa9 rgb(103,122,169)
```
#7485b0
```
#7485b0 rgb(116,133,176)
```
#8090b7
```
#8090b7 rgb(128,144,183)
```
#8d9bbf
```
#8d9bbf rgb(141,155,191)
```
#99a6c6
```
#99a6c6 rgb(153,166,198)
```
#a6b1cd
```
#a6b1cd rgb(166,177,205)
```
#b2bcd4
```
#b2bcd4 rgb(178,188,212)
```
#bfc7db
```
#bfc7db rgb(191,199,219)
```
#cbd2e2
```
#cbd2e2 rgb(203,210,226)
```
#d8dde9
```
#d8dde9 rgb(216,221,233)
```
#e5e8f0
```
#e5e8f0 rgb(229,232,240)
```
#f1f3f7
```
#f1f3f7 rgb(241,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5f66 is the less saturated color, while #0337bf is the most saturated one.

#5c5f66
```
#5c5f66 rgb(92,95,102)
```
#555c6d
```
#555c6d rgb(85,92,109)
```
#4d5875
```
#4d5875 rgb(77,88,117)
```
#46557c
```
#46557c rgb(70,85,124)
```
#3f5283
```
#3f5283 rgb(63,82,131)
```
#374e8b
```
#374e8b rgb(55,78,139)
```
#304b92
```
#304b92 rgb(48,75,146)
```
#28489a
```
#28489a rgb(40,72,154)
```
#2144a1
```
#2144a1 rgb(33,68,161)
```
#1941a9
```
#1941a9 rgb(25,65,169)
```
#123eb0
```
#123eb0 rgb(18,62,176)
```
#0a3ab8
```
#0a3ab8 rgb(10,58,184)
```
#0337bf
```
#0337bf rgb(3,55,191)
```

Tone Color Variation

Below, you can see how #46557c 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

#555555 Achromatopsia 0.005% of the population
#52555d Atypical Achromatopsia 0.001% of the population

Dichromacy

#525d82 Protanopia 1% of men
#4f5d82 Deuteranopia 1% of men
#47626a Tritanopia 0.001% of the population

Trichromacy

#4d5a80 Protanomaly 1% of men, 0.01% of women
#4c5a80 Deuteranomaly 6% of men, 0.4% of women
#465d70 Tritanomaly 0.01% of the population