#556e7f hex color

In a RGB color space, hex #556e7f is composed of 33.3% red, 43.1% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 13.4% magenta, 0% yellow and 50.2% black. It has a hue angle of 204.3 degrees, a saturation of 19.8% and a lightness of 41.6%. #556e7f color hex could be obtained by blending #aadcfe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 43
- B 50
RGB color chart
- C 33
- M 13
- Y 0
- K 50
CMYK color chart

● #556e7f color description : Mostly desaturated dark blue.

The hexadecimal color #556e7f has RGB values of R:85, G:110, B:127 and CMYK values of C:0.33, M:0.13, Y:0, K:0.5. Its decimal value is 5598847.

Hex triplet	556e7f	`#556e7f`
RGB Decimal	85, 110, 127	`rgb(85,110,127)`
RGB Percent	33.3, 43.1, 49.8	`rgb(33.3%,43.1%,49.8%)`
CMYK	33, 13, 0, 50
HSL	204.3°, 19.8, 41.6	`hsl(204.3,19.8%,41.6%)`
HSV (or HSB)	204.3°, 33.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	45.102, -4.756, -12.375
XYZ	13.152, 14.615, 22.205
xyY	0.263, 0.292, 14.615
CIE-LCH	45.102, 13.257, 248.978
CIE-LUV	45.102, -12.834, -16.658
Hunter-Lab	38.23, -5.492, -7.678
Binary	01010101, 01101110, 01111111

#556e7f
```
#556e7f rgb(85,110,127)
```
#7f6655
```
#7f6655 rgb(127,102,85)
```

Complementary Color

#557f7b
```
#557f7b rgb(85,127,123)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#55597f
```
#55597f rgb(85,89,127)
```

Analogous Color

#7f7b55
```
#7f7b55 rgb(127,123,85)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#7f5559
```
#7f5559 rgb(127,85,89)
```

Split Complementary Color

#6e7f55
```
#6e7f55 rgb(110,127,85)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#7f556e
```
#7f556e rgb(127,85,110)
```

Triadic Color

#557f66
```
#557f66 rgb(85,127,102)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#7f556e
```
#7f556e rgb(127,85,110)
```
#7f6655
```
#7f6655 rgb(127,102,85)
```

Tetradic Color

#364651
```
#364651 rgb(54,70,81)
```
#415460
```
#415460 rgb(65,84,96)
```
#4b6170
```
#4b6170 rgb(75,97,112)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#5f7b8e
```
#5f7b8e rgb(95,123,142)
```
#6b889c
```
#6b889c rgb(107,136,156)
```
#7a94a6
```
#7a94a6 rgb(122,148,166)
```

Monochromatic Color

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

#55797f
```
#55797f rgb(85,121,127)
```
#55757f
```
#55757f rgb(85,117,127)
```
#55727f
```
#55727f rgb(85,114,127)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#556b7f
```
#556b7f rgb(85,107,127)
```
#55677f
```
#55677f rgb(85,103,127)
```
#55647f
```
#55647f rgb(85,100,127)
```

Similar Colors

Text with hexadecimal color #556e7f

This text has a font color of #556e7f.

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

#556e7f background color

This paragraph has a background color of #556e7f.

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

#556e7f border color

This element has a border color of #556e7f.

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

CSS codes

.text {color:#556e7f;}

.background {background-color:#556e7f;}

.border {border:1px solid #556e7f;}

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

#060809
```
#060809 rgb(6,8,9)
```
#0e1215
```
#0e1215 rgb(14,18,21)
```
#161d21
```
#161d21 rgb(22,29,33)
```
#1e272d
```
#1e272d rgb(30,39,45)
```
#263138
```
#263138 rgb(38,49,56)
```
#2e3b44
```
#2e3b44 rgb(46,59,68)
```
#364550
```
#364550 rgb(54,69,80)
```
#3d4f5c
```
#3d4f5c rgb(61,79,92)
```
#455a67
```
#455a67 rgb(69,90,103)
```
#4d6473
```
#4d6473 rgb(77,100,115)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#5d788b
```
#5d788b rgb(93,120,139)
```
#658297
```
#658297 rgb(101,130,151)
```

Shade Color Variation

#708c9f
```
#708c9f rgb(112,140,159)
```
#7b95a7
```
#7b95a7 rgb(123,149,167)
```
#879faf
```
#879faf rgb(135,159,175)
```
#93a8b7
```
#93a8b7 rgb(147,168,183)
```
#9fb2bf
```
#9fb2bf rgb(159,178,191)
```
#aabbc6
```
#aabbc6 rgb(170,187,198)
```
#b6c5ce
```
#b6c5ce rgb(182,197,206)
```
#c2ced6
```
#c2ced6 rgb(194,206,214)
```
#ced7de
```
#ced7de rgb(206,215,222)
```
#d9e1e6
```
#d9e1e6 rgb(217,225,230)
```
#e5eaee
```
#e5eaee rgb(229,234,238)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656b6f is the less saturated color, while #037ed1 is the most saturated one.

#656b6f
```
#656b6f rgb(101,107,111)
```
#5d6c77
```
#5d6c77 rgb(93,108,119)
```
#556e7f
```
#556e7f rgb(85,110,127)
```
#4d7087
```
#4d7087 rgb(77,112,135)
```
#45718f
```
#45718f rgb(69,113,143)
```
#3d7397
```
#3d7397 rgb(61,115,151)
```
#3474a0
```
#3474a0 rgb(52,116,160)
```
#2c76a8
```
#2c76a8 rgb(44,118,168)
```
#2477b0
```
#2477b0 rgb(36,119,176)
```
#1c79b8
```
#1c79b8 rgb(28,121,184)
```
#147ac0
```
#147ac0 rgb(20,122,192)
```
#0c7cc8
```
#0c7cc8 rgb(12,124,200)
```
#037ed1
```
#037ed1 rgb(3,126,209)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#64696d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7183 Protanopia 1% of men
#717087 Deuteranopia 1% of men
#5c767f Tritanopia 0.001% of the population

Trichromacy

#657081 Protanomaly 1% of men, 0.01% of women
#676f84 Deuteranomaly 6% of men, 0.4% of women
#59737f Tritanomaly 0.01% of the population

#556e7f hex color

#556e7f Color Information

#556e7f Color Conversion

Color Schemes with #556e7f

Alternatives to #556e7f

#556e7f Preview

Shades and Tints of #556e7f

Tones of #556e7f

Color Blindness Simulator