#555676 hex color

In a RGB color space, hex #555676 is composed of 33.3% red, 33.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 27.1% magenta, 0% yellow and 53.7% black. It has a hue angle of 238.2 degrees, a saturation of 16.3% and a lightness of 39.8%. #555676 color hex could be obtained by blending #aaacec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 34
- B 46
RGB color chart
- C 28
- M 27
- Y 0
- K 54
CMYK color chart

● #555676 color description : Mostly desaturated dark blue.

The hexadecimal color #555676 has RGB values of R:85, G:86, B:118 and CMYK values of C:0.28, M:0.27, Y:0, K:0.54. Its decimal value is 5592694.

Hex triplet	555676	`#555676`
RGB Decimal	85, 86, 118	`rgb(85,86,118)`
RGB Percent	33.3, 33.7, 46.3	`rgb(33.3%,33.7%,46.3%)`
CMYK	28, 27, 0, 54
HSL	238.2°, 16.3, 39.8	`hsl(238.2,16.3%,39.8%)`
HSV (or HSB)	238.2°, 28, 46.3
Web Safe	666666	`#666666`

CIE-LAB	37.653, 7.453, -18.275
XYZ	10.343, 9.895, 18.503
xyY	0.267, 0.255, 9.895
CIE-LCH	37.653, 19.736, 292.186
CIE-LUV	37.653, -2.326, -25.814
Hunter-Lab	31.456, 3.647, -12.857
Binary	01010101, 01010110, 01110110

#555676
```
#555676 rgb(85,86,118)
```
#767555
```
#767555 rgb(118,117,85)
```

Complementary Color

#556776
```
#556776 rgb(85,103,118)
```
#555676
```
#555676 rgb(85,86,118)
```
#655576
```
#655576 rgb(101,85,118)
```

Analogous Color

#677655
```
#677655 rgb(103,118,85)
```
#555676
```
#555676 rgb(85,86,118)
```
#766555
```
#766555 rgb(118,101,85)
```

Split Complementary Color

#567655
```
#567655 rgb(86,118,85)
```
#555676
```
#555676 rgb(85,86,118)
```
#765556
```
#765556 rgb(118,85,86)
```

Triadic Color

#557675
```
#557675 rgb(85,118,117)
```
#555676
```
#555676 rgb(85,86,118)
```
#765556
```
#765556 rgb(118,85,86)
```
#767555
```
#767555 rgb(118,117,85)
```

Tetradic Color

#35364a
```
#35364a rgb(53,54,74)
```
#404058
```
#404058 rgb(64,64,88)
```
#4a4b67
```
#4a4b67 rgb(74,75,103)
```
#555676
```
#555676 rgb(85,86,118)
```
#606185
```
#606185 rgb(96,97,133)
```
#6a6c94
```
#6a6c94 rgb(106,108,148)
```
#797a9e
```
#797a9e rgb(121,122,158)
```

Monochromatic Color

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

#555e76
```
#555e76 rgb(85,94,118)
```
#555c76
```
#555c76 rgb(85,92,118)
```
#555976
```
#555976 rgb(85,89,118)
```
#555676
```
#555676 rgb(85,86,118)
```
#575576
```
#575576 rgb(87,85,118)
```
#5a5576
```
#5a5576 rgb(90,85,118)
```
#5c5576
```
#5c5576 rgb(92,85,118)
```

Similar Colors

Text with hexadecimal color #555676

This text has a font color of #555676.

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

#555676 background color

This paragraph has a background color of #555676.

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

#555676 border color

This element has a border color of #555676.

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

CSS codes

.text {color:#555676;}

.background {background-color:#555676;}

.border {border:1px solid #555676;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0b0f
```
#0b0b0f rgb(11,11,15)
```
#13141b
```
#13141b rgb(19,20,27)
```
#1c1c26
```
#1c1c26 rgb(28,28,38)
```
#242432
```
#242432 rgb(36,36,50)
```
#2c2c3d
```
#2c2c3d rgb(44,44,61)
```
#343548
```
#343548 rgb(52,53,72)
```
#3c3d54
```
#3c3d54 rgb(60,61,84)
```
#45455f
```
#45455f rgb(69,69,95)
```
#4d4e6b
```
#4d4e6b rgb(77,78,107)
```
#555676
```
#555676 rgb(85,86,118)
```
#5d5e81
```
#5d5e81 rgb(93,94,129)
```
#65678d
```
#65678d rgb(101,103,141)
```

Shade Color Variation

#6f7097
```
#6f7097 rgb(111,112,151)
```
#7a7b9f
```
#7a7b9f rgb(122,123,159)
```
#8687a8
```
#8687a8 rgb(134,135,168)
```
#9192b0
```
#9192b0 rgb(145,146,176)
```
#9c9db8
```
#9c9db8 rgb(156,157,184)
```
#a8a9c0
```
#a8a9c0 rgb(168,169,192)
```
#b3b4c8
```
#b3b4c8 rgb(179,180,200)
```
#bfbfd1
```
#bfbfd1 rgb(191,191,209)
```
#cacad9
```
#cacad9 rgb(202,202,217)
```
#d5d6e1
```
#d5d6e1 rgb(213,214,225)
```
#e1e1e9
```
#e1e1e9 rgb(225,225,233)
```
#ececf1
```
#ececf1 rgb(236,236,241)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656566 is the less saturated color, while #070dc4 is the most saturated one.

#656566
```
#656566 rgb(101,101,102)
```
#5d5d6e
```
#5d5d6e rgb(93,93,110)
```
#555676
```
#555676 rgb(85,86,118)
```
#4d4f7e
```
#4d4f7e rgb(77,79,126)
```
#454786
```
#454786 rgb(69,71,134)
```
#3e408d
```
#3e408d rgb(62,64,141)
```
#363995
```
#363995 rgb(54,57,149)
```
#2e319d
```
#2e319d rgb(46,49,157)
```
#262aa5
```
#262aa5 rgb(38,42,165)
```
#1e23ad
```
#1e23ad rgb(30,35,173)
```
#171bb4
```
#171bb4 rgb(23,27,180)
```
#0f14bc
```
#0f14bc rgb(15,20,188)
```
#070dc4
```
#070dc4 rgb(7,13,196)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#58585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607e Protanopia 1% of men
#5a5f7c Deuteranopia 1% of men
#596269 Tritanopia 0.001% of the population

Trichromacy

#575c7b Protanomaly 1% of men, 0.01% of women
#585c7a Deuteranomaly 6% of men, 0.4% of women
#575e6e Tritanomaly 0.01% of the population

#555676 hex color

#555676 Color Information

#555676 Color Conversion

Color Schemes with #555676

Alternatives to #555676

#555676 Preview

Shades and Tints of #555676

Tones of #555676

Color Blindness Simulator