#556679 hex color

In a RGB color space, hex #556679 is composed of 33.3% red, 40% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 15.7% magenta, 0% yellow and 52.5% black. It has a hue angle of 211.7 degrees, a saturation of 17.5% and a lightness of 40.4%. #556679 color hex could be obtained by blending #aaccf2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 47
RGB color chart
- C 30
- M 16
- Y 0
- K 53
CMYK color chart

● #556679 color description : Mostly desaturated dark blue.

The hexadecimal color #556679 has RGB values of R:85, G:102, B:121 and CMYK values of C:0.3, M:0.16, Y:0, K:0.53. Its decimal value is 5596793.

Hex triplet	556679	`#556679`
RGB Decimal	85, 102, 121	`rgb(85,102,121)`
RGB Percent	33.3, 40, 47.5	`rgb(33.3%,40%,47.5%)`
CMYK	30, 16, 0, 53
HSL	211.7°, 17.5, 40.4	`hsl(211.7,17.5%,40.4%)`
HSV (or HSB)	211.7°, 29.8, 47.5
Web Safe	666666	`#666666`

CIE-LAB	42.482, -1.606, -12.729
XYZ	11.948, 12.814, 19.932
xyY	0.267, 0.287, 12.814
CIE-LCH	42.482, 12.83, 262.807
CIE-LUV	42.482, -9.266, -17.351
Hunter-Lab	35.797, -3.066, -7.955
Binary	01010101, 01100110, 01111001

#556679
```
#556679 rgb(85,102,121)
```
#796855
```
#796855 rgb(121,104,85)
```

Complementary Color

#557879
```
#557879 rgb(85,120,121)
```
#556679
```
#556679 rgb(85,102,121)
```
#565579
```
#565579 rgb(86,85,121)
```

Analogous Color

#787955
```
#787955 rgb(120,121,85)
```
#556679
```
#556679 rgb(85,102,121)
```
#795655
```
#795655 rgb(121,86,85)
```

Split Complementary Color

#667955
```
#667955 rgb(102,121,85)
```
#556679
```
#556679 rgb(85,102,121)
```
#795566
```
#795566 rgb(121,85,102)
```

Triadic Color

#557968
```
#557968 rgb(85,121,104)
```
#556679
```
#556679 rgb(85,102,121)
```
#795566
```
#795566 rgb(121,85,102)
```
#796855
```
#796855 rgb(121,104,85)
```

Tetradic Color

#35404c
```
#35404c rgb(53,64,76)
```
#404d5b
```
#404d5b rgb(64,77,91)
```
#4a596a
```
#4a596a rgb(74,89,106)
```
#556679
```
#556679 rgb(85,102,121)
```
#607388
```
#607388 rgb(96,115,136)
```
#6a7f97
```
#6a7f97 rgb(106,127,151)
```
#798ca1
```
#798ca1 rgb(121,140,161)
```

Monochromatic Color

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

#556f79
```
#556f79 rgb(85,111,121)
```
#556c79
```
#556c79 rgb(85,108,121)
```
#556979
```
#556979 rgb(85,105,121)
```
#556679
```
#556679 rgb(85,102,121)
```
#556379
```
#556379 rgb(85,99,121)
```
#556079
```
#556079 rgb(85,96,121)
```
#555d79
```
#555d79 rgb(85,93,121)
```

Similar Colors

Text with hexadecimal color #556679

This text has a font color of #556679.

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

#556679 background color

This paragraph has a background color of #556679.

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

#556679 border color

This element has a border color of #556679.

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

CSS codes

.text {color:#556679;}

.background {background-color:#556679;}

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0f11
```
#0c0f11 rgb(12,15,17)
```
#14181d
```
#14181d rgb(20,24,29)
```
#1c2228
```
#1c2228 rgb(28,34,40)
```
#242c34
```
#242c34 rgb(36,44,52)
```
#2d353f
```
#2d353f rgb(45,53,63)
```
#353f4b
```
#353f4b rgb(53,63,75)
```
#3d4956
```
#3d4956 rgb(61,73,86)
```
#455362
```
#455362 rgb(69,83,98)
```
#4d5c6d
```
#4d5c6d rgb(77,92,109)
```
#556679
```
#556679 rgb(85,102,121)
```
#5d7085
```
#5d7085 rgb(93,112,133)
```
#657990
```
#657990 rgb(101,121,144)
```

Shade Color Variation

#6f839a
```
#6f839a rgb(111,131,154)
```
#7b8da2
```
#7b8da2 rgb(123,141,162)
```
#8697aa
```
#8697aa rgb(134,151,170)
```
#92a1b2
```
#92a1b2 rgb(146,161,178)
```
#9dabba
```
#9dabba rgb(157,171,186)
```
#a9b5c2
```
#a9b5c2 rgb(169,181,194)
```
#b4bfca
```
#b4bfca rgb(180,191,202)
```
#c0c9d3
```
#c0c9d3 rgb(192,201,211)
```
#cbd2db
```
#cbd2db rgb(203,210,219)
```
#d7dce3
```
#d7dce3 rgb(215,220,227)
```
#e2e6eb
```
#e2e6eb rgb(226,230,235)
```
#eef0f3
```
#eef0f3 rgb(238,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#656769
```
#656769 rgb(101,103,105)
```
#5d6671
```
#5d6671 rgb(93,102,113)
```
#556679
```
#556679 rgb(85,102,121)
```
#4d6681
```
#4d6681 rgb(77,102,129)
```
#456589
```
#456589 rgb(69,101,137)
```
#3d6591
```
#3d6591 rgb(61,101,145)
```
#356499
```
#356499 rgb(53,100,153)
```
#2d64a1
```
#2d64a1 rgb(45,100,161)
```
#2563a9
```
#2563a9 rgb(37,99,169)
```
#1e63b0
```
#1e63b0 rgb(30,99,176)
```
#1662b8
```
#1662b8 rgb(22,98,184)
```
#0e62c0
```
#0e62c0 rgb(14,98,192)
```
#0662c8
```
#0662c8 rgb(6,98,200)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7e Protanopia 1% of men
#6b6a81 Deuteranopia 1% of men
#5b6f77 Tritanopia 0.001% of the population

Trichromacy

#61697c Protanomaly 1% of men, 0.01% of women
#63687e Deuteranomaly 6% of men, 0.4% of women
#596c78 Tritanomaly 0.01% of the population

#556679 hex color

#556679 Color Information

#556679 Color Conversion

Color Schemes with #556679

Alternatives to #556679

#556679 Preview

Shades and Tints of #556679

Tones of #556679

Color Blindness Simulator