#46556c hex color

In a RGB color space, hex #46556c is composed of 27.5% red, 33.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 21.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 216.3 degrees, a saturation of 21.3% and a lightness of 34.9%. #46556c color hex could be obtained by blending #8caad8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 33
- B 42
RGB color chart
- C 35
- M 21
- Y 0
- K 58
CMYK color chart

● #46556c color description : Very dark desaturated blue.

The hexadecimal color #46556c has RGB values of R:70, G:85, B:108 and CMYK values of C:0.35, M:0.21, Y:0, K:0.58. Its decimal value is 4609388.

Hex triplet	46556c	`#46556c`
RGB Decimal	70, 85, 108	`rgb(70,85,108)`
RGB Percent	27.5, 33.3, 42.4	`rgb(27.5%,33.3%,42.4%)`
CMYK	35, 21, 0, 58
HSL	216.3°, 21.3, 34.9	`hsl(216.3,21.3%,34.9%)`
HSV (or HSB)	216.3°, 35.2, 42.4
Web Safe	336666	`#336666`

CIE-LAB	35.755, 0.342, -15.092
XYZ	8.48, 8.882, 15.454
xyY	0.258, 0.271, 8.882
CIE-LCH	35.755, 15.096, 271.296
CIE-LUV	35.755, -8.119, -20.129
Hunter-Lab	29.802, -1.359, -9.884
Binary	01000110, 01010101, 01101100

#46556c
```
#46556c rgb(70,85,108)
```
#6c5d46
```
#6c5d46 rgb(108,93,70)
```

Complementary Color

#46686c
```
#46686c rgb(70,104,108)
```
#46556c
```
#46556c rgb(70,85,108)
```
#4a466c
```
#4a466c rgb(74,70,108)
```

Analogous Color

#686c46
```
#686c46 rgb(104,108,70)
```
#46556c
```
#46556c rgb(70,85,108)
```
#6c4a46
```
#6c4a46 rgb(108,74,70)
```

Split Complementary Color

#556c46
```
#556c46 rgb(85,108,70)
```
#46556c
```
#46556c rgb(70,85,108)
```
#6c4655
```
#6c4655 rgb(108,70,85)
```

Triadic Color

#466c5d
```
#466c5d rgb(70,108,93)
```
#46556c
```
#46556c rgb(70,85,108)
```
#6c4655
```
#6c4655 rgb(108,70,85)
```
#6c5d46
```
#6c5d46 rgb(108,93,70)
```

Tetradic Color

#28303e
```
#28303e rgb(40,48,62)
```
#323d4d
```
#323d4d rgb(50,61,77)
```
#3c495d
```
#3c495d rgb(60,73,93)
```
#46556c
```
#46556c rgb(70,85,108)
```
#50617b
```
#50617b rgb(80,97,123)
```
#5a6d8b
```
#5a6d8b rgb(90,109,139)
```
#647a9a
```
#647a9a rgb(100,122,154)
```

Monochromatic Color

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

#465f6c
```
#465f6c rgb(70,95,108)
```
#465b6c
```
#465b6c rgb(70,91,108)
```
#46586c
```
#46586c rgb(70,88,108)
```
#46556c
```
#46556c rgb(70,85,108)
```
#46526c
```
#46526c rgb(70,82,108)
```
#464f6c
```
#464f6c rgb(70,79,108)
```
#464c6c
```
#464c6c rgb(70,76,108)
```

Similar Colors

Text with hexadecimal color #46556c

This text has a font color of #46556c.

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

#46556c background color

This paragraph has a background color of #46556c.

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

#46556c border color

This element has a border color of #46556c.

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

CSS codes

.text {color:#46556c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080a0d
```
#080a0d rgb(8,10,13)
```
#101319
```
#101319 rgb(16,19,25)
```
#181d25
```
#181d25 rgb(24,29,37)
```
#1f2630
```
#1f2630 rgb(31,38,48)
```
#27303c
```
#27303c rgb(39,48,60)
```
#2f3948
```
#2f3948 rgb(47,57,72)
```
#374254
```
#374254 rgb(55,66,84)
```
#3e4c60
```
#3e4c60 rgb(62,76,96)
```
#46556c
```
#46556c rgb(70,85,108)
```
#4e5e78
```
#4e5e78 rgb(78,94,120)
```
#556884
```
#556884 rgb(85,104,132)
```
#5d7190
```
#5d7190 rgb(93,113,144)
```

Shade Color Variation

#657b9b
```
#657b9b rgb(101,123,155)
```
#7185a3
```
#7185a3 rgb(113,133,163)
```
#7d8fab
```
#7d8fab rgb(125,143,171)
```
#8999b2
```
#8999b2 rgb(137,153,178)
```
#95a4ba
```
#95a4ba rgb(149,164,186)
```
#a1aec2
```
#a1aec2 rgb(161,174,194)
```
#adb8ca
```
#adb8ca rgb(173,184,202)
```
#b8c2d1
```
#b8c2d1 rgb(184,194,209)
```
#c4cdd9
```
#c4cdd9 rgb(196,205,217)
```
#d0d7e1
```
#d0d7e1 rgb(208,215,225)
```
#dce1e8
```
#dce1e8 rgb(220,225,232)
```
#e8ebf0
```
#e8ebf0 rgb(232,235,240)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54585e is the less saturated color, while #0247b0 is the most saturated one.

#54585e
```
#54585e rgb(84,88,94)
```
#4d5665
```
#4d5665 rgb(77,86,101)
```
#46556c
```
#46556c rgb(70,85,108)
```
#3f5473
```
#3f5473 rgb(63,84,115)
```
#38527a
```
#38527a rgb(56,82,122)
```
#315181
```
#315181 rgb(49,81,129)
```
#2b4f87
```
#2b4f87 rgb(43,79,135)
```
#244e8e
```
#244e8e rgb(36,78,142)
```
#1d4c95
```
#1d4c95 rgb(29,76,149)
```
#164b9c
```
#164b9c rgb(22,75,156)
```
#0f49a3
```
#0f49a3 rgb(15,73,163)
```
#0848aa
```
#0848aa rgb(8,72,170)
```
#0247b0
```
#0247b0 rgb(2,71,176)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#505358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575c72 Protanopia 1% of men
#585b74 Deuteranopia 1% of men
#4c6067 Tritanopia 0.001% of the population

Trichromacy

#505970 Protanomaly 1% of men, 0.01% of women
#515971 Deuteranomaly 6% of men, 0.4% of women
#495c68 Tritanomaly 0.01% of the population

#46556c hex color

#46556c Color Information

#46556c Color Conversion

Color Schemes with #46556c

Alternatives to #46556c

#46556c Preview

Shades and Tints of #46556c

Tones of #46556c

Color Blindness Simulator