#46556a hex color

In a RGB color space, hex #46556a is composed of 27.5% red, 33.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 34% cyan, 19.8% magenta, 0% yellow and 58.4% black. It has a hue angle of 215 degrees, a saturation of 20.5% and a lightness of 34.5%. #46556a color hex could be obtained by blending #8caad4 with #000000. Closest websafe color is: #336666.

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

● #46556a color description : Very dark grayish blue.

The hexadecimal color #46556a has RGB values of R:70, G:85, B:106 and CMYK values of C:0.34, M:0.2, Y:0, K:0.58. Its decimal value is 4609386.

Hex triplet	46556a	`#46556a`
RGB Decimal	70, 85, 106	`rgb(70,85,106)`
RGB Percent	27.5, 33.3, 41.6	`rgb(27.5%,33.3%,41.6%)`
CMYK	34, 20, 0, 58
HSL	215°, 20.5, 34.5	`hsl(215,20.5%,34.5%)`
HSV (or HSB)	215°, 34, 41.6
Web Safe	336666	`#336666`

CIE-LAB	35.673, -0.233, -13.971
XYZ	8.375, 8.839, 14.9
xyY	0.261, 0.275, 8.839
CIE-LCH	35.673, 13.973, 269.043
CIE-LUV	35.673, -8.071, -18.482
Hunter-Lab	29.731, -1.746, -8.901
Binary	01000110, 01010101, 01101010

#46556a
```
#46556a rgb(70,85,106)
```
#6a5b46
```
#6a5b46 rgb(106,91,70)
```

Complementary Color

#46676a
```
#46676a rgb(70,103,106)
```
#46556a
```
#46556a rgb(70,85,106)
```
#49466a
```
#49466a rgb(73,70,106)
```

Analogous Color

#676a46
```
#676a46 rgb(103,106,70)
```
#46556a
```
#46556a rgb(70,85,106)
```
#6a4946
```
#6a4946 rgb(106,73,70)
```

Split Complementary Color

#556a46
```
#556a46 rgb(85,106,70)
```
#46556a
```
#46556a rgb(70,85,106)
```
#6a4655
```
#6a4655 rgb(106,70,85)
```

Triadic Color

#466a5b
```
#466a5b rgb(70,106,91)
```
#46556a
```
#46556a rgb(70,85,106)
```
#6a4655
```
#6a4655 rgb(106,70,85)
```
#6a5b46
```
#6a5b46 rgb(106,91,70)
```

Tetradic Color

#28303c
```
#28303c rgb(40,48,60)
```
#323c4b
```
#323c4b rgb(50,60,75)
```
#3c495b
```
#3c495b rgb(60,73,91)
```
#46556a
```
#46556a rgb(70,85,106)
```
#506179
```
#506179 rgb(80,97,121)
```
#5a6e89
```
#5a6e89 rgb(90,110,137)
```
#647a98
```
#647a98 rgb(100,122,152)
```

Monochromatic Color

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

#465e6a
```
#465e6a rgb(70,94,106)
```
#465b6a
```
#465b6a rgb(70,91,106)
```
#46586a
```
#46586a rgb(70,88,106)
```
#46556a
```
#46556a rgb(70,85,106)
```
#46526a
```
#46526a rgb(70,82,106)
```
#464f6a
```
#464f6a rgb(70,79,106)
```
#464c6a
```
#464c6a rgb(70,76,106)
```

Similar Colors

Text with hexadecimal color #46556a

This text has a font color of #46556a.

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

#46556a background color

This paragraph has a background color of #46556a.

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

#46556a border color

This element has a border color of #46556a.

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

CSS codes

.text {color:#46556a;}

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

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

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

#08090b
```
#08090b rgb(8,9,11)
```
#0f1317
```
#0f1317 rgb(15,19,23)
```
#171c23
```
#171c23 rgb(23,28,35)
```
#1f262f
```
#1f262f rgb(31,38,47)
```
#272f3b
```
#272f3b rgb(39,47,59)
```
#2f3947
```
#2f3947 rgb(47,57,71)
```
#364252
```
#364252 rgb(54,66,82)
```
#3e4c5e
```
#3e4c5e rgb(62,76,94)
```
#46556a
```
#46556a rgb(70,85,106)
```
#4e5e76
```
#4e5e76 rgb(78,94,118)
```
#566882
```
#566882 rgb(86,104,130)
```
#5d718d
```
#5d718d rgb(93,113,141)
```
#657b99
```
#657b99 rgb(101,123,153)
```

Shade Color Variation

#7185a1
```
#7185a1 rgb(113,133,161)
```
#7d8fa9
```
#7d8fa9 rgb(125,143,169)
```
#8999b1
```
#8999b1 rgb(137,153,177)
```
#94a3b9
```
#94a3b9 rgb(148,163,185)
```
#a0aec0
```
#a0aec0 rgb(160,174,192)
```
#acb8c8
```
#acb8c8 rgb(172,184,200)
```
#b8c2d0
```
#b8c2d0 rgb(184,194,208)
```
#c4ccd8
```
#c4ccd8 rgb(196,204,216)
```
#cfd6e0
```
#cfd6e0 rgb(207,214,224)
```
#dbe0e7
```
#dbe0e7 rgb(219,224,231)
```
#e7eaef
```
#e7eaef rgb(231,234,239)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54575c is the less saturated color, while #024aae is the most saturated one.

#54575c
```
#54575c rgb(84,87,92)
```
#4d5663
```
#4d5663 rgb(77,86,99)
```
#46556a
```
#46556a rgb(70,85,106)
```
#3f5471
```
#3f5471 rgb(63,84,113)
```
#385378
```
#385378 rgb(56,83,120)
```
#32527e
```
#32527e rgb(50,82,126)
```
#2b5085
```
#2b5085 rgb(43,80,133)
```
#244f8c
```
#244f8c rgb(36,79,140)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#174d99
```
#174d99 rgb(23,77,153)
```
#104ca0
```
#104ca0 rgb(16,76,160)
```
#094ba7
```
#094ba7 rgb(9,75,167)
```
#024aae
```
#024aae rgb(2,74,174)
```

Tone Color Variation

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

#575b70 Protanopia 1% of men
#595b72 Deuteranopia 1% of men
#4c5f66 Tritanopia 0.001% of the population

Trichromacy

#51596e Protanomaly 1% of men, 0.01% of women
#52586f Deuteranomaly 6% of men, 0.4% of women
#4a5b67 Tritanomaly 0.01% of the population

#46556a hex color

#46556a Color Information

#46556a Color Conversion

Color Schemes with #46556a

Alternatives to #46556a

#46556a Preview

Shades and Tints of #46556a

Tones of #46556a

Color Blindness Simulator