#555f76 hex color

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

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

● #555f76 color description : Mostly desaturated dark blue.

The hexadecimal color #555f76 has RGB values of R:85, G:95, B:118 and CMYK values of C:0.28, M:0.19, Y:0, K:0.54. Its decimal value is 5594998.

Hex triplet	555f76	`#555f76`
RGB Decimal	85, 95, 118	`rgb(85,95,118)`
RGB Percent	33.3, 37.3, 46.3	`rgb(33.3%,37.3%,46.3%)`
CMYK	28, 19, 0, 54
HSL	221.8°, 16.3, 39.8	`hsl(221.8,16.3%,39.8%)`
HSV (or HSB)	221.8°, 28, 46.3
Web Safe	666666	`#666666`

CIE-LAB	40.285, 1.849, -14.243
XYZ	11.108, 11.423, 18.758
xyY	0.269, 0.277, 11.423
CIE-LCH	40.285, 14.363, 277.397
CIE-LUV	40.285, -6.142, -19.736
Hunter-Lab	33.799, -0.484, -9.247
Binary	01010101, 01011111, 01110110

#555f76
```
#555f76 rgb(85,95,118)
```
#766c55
```
#766c55 rgb(118,108,85)
```

Complementary Color

#557076
```
#557076 rgb(85,112,118)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#5c5576
```
#5c5576 rgb(92,85,118)
```

Analogous Color

#707655
```
#707655 rgb(112,118,85)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#765c55
```
#765c55 rgb(118,92,85)
```

Split Complementary Color

#5f7655
```
#5f7655 rgb(95,118,85)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#76555f
```
#76555f rgb(118,85,95)
```

Triadic Color

#55766c
```
#55766c rgb(85,118,108)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#76555f
```
#76555f rgb(118,85,95)
```
#766c55
```
#766c55 rgb(118,108,85)
```

Tetradic Color

#353b4a
```
#353b4a rgb(53,59,74)
```
#404758
```
#404758 rgb(64,71,88)
```
#4a5367
```
#4a5367 rgb(74,83,103)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#606b85
```
#606b85 rgb(96,107,133)
```
#6a7794
```
#6a7794 rgb(106,119,148)
```
#79849e
```
#79849e rgb(121,132,158)
```

Monochromatic Color

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

#556776
```
#556776 rgb(85,103,118)
```
#556576
```
#556576 rgb(85,101,118)
```
#556276
```
#556276 rgb(85,98,118)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#555c76
```
#555c76 rgb(85,92,118)
```
#555a76
```
#555a76 rgb(85,90,118)
```
#555776
```
#555776 rgb(85,87,118)
```

Similar Colors

Text with hexadecimal color #555f76

This text has a font color of #555f76.

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

#555f76 background color

This paragraph has a background color of #555f76.

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

#555f76 border color

This element has a border color of #555f76.

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

CSS codes

.text {color:#555f76;}

.background {background-color:#555f76;}

.border {border:1px solid #555f76;}

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)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#13161b
```
#13161b rgb(19,22,27)
```
#1c1f26
```
#1c1f26 rgb(28,31,38)
```
#242832
```
#242832 rgb(36,40,50)
```
#2c313d
```
#2c313d rgb(44,49,61)
```
#343a48
```
#343a48 rgb(52,58,72)
```
#3c4354
```
#3c4354 rgb(60,67,84)
```
#454d5f
```
#454d5f rgb(69,77,95)
```
#4d566b
```
#4d566b rgb(77,86,107)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#5d6881
```
#5d6881 rgb(93,104,129)
```
#65718d
```
#65718d rgb(101,113,141)
```

Shade Color Variation

#6f7b97
```
#6f7b97 rgb(111,123,151)
```
#7a859f
```
#7a859f rgb(122,133,159)
```
#8690a8
```
#8690a8 rgb(134,144,168)
```
#919ab0
```
#919ab0 rgb(145,154,176)
```
#9ca5b8
```
#9ca5b8 rgb(156,165,184)
```
#a8afc0
```
#a8afc0 rgb(168,175,192)
```
#b3bac8
```
#b3bac8 rgb(179,186,200)
```
#bfc4d1
```
#bfc4d1 rgb(191,196,209)
```
#caced9
```
#caced9 rgb(202,206,217)
```
#d5d9e1
```
#d5d9e1 rgb(213,217,225)
```
#e1e3e9
```
#e1e3e9 rgb(225,227,233)
```
#eceef1
```
#eceef1 rgb(236,238,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 #0740c4 is the most saturated one.

#656566
```
#656566 rgb(101,101,102)
```
#5d626e
```
#5d626e rgb(93,98,110)
```
#555f76
```
#555f76 rgb(85,95,118)
```
#4d5c7e
```
#4d5c7e rgb(77,92,126)
```
#455986
```
#455986 rgb(69,89,134)
```
#3e568d
```
#3e568d rgb(62,86,141)
```
#365395
```
#365395 rgb(54,83,149)
```
#2e509d
```
#2e509d rgb(46,80,157)
```
#264da5
```
#264da5 rgb(38,77,165)
```
#1e49ad
```
#1e49ad rgb(30,73,173)
```
#1746b4
```
#1746b4 rgb(23,70,180)
```
#0f43bc
```
#0f43bc rgb(15,67,188)
```
#0740c4
```
#0740c4 rgb(7,64,196)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61667c Protanopia 1% of men
#64657d Deuteranopia 1% of men
#5a6971 Tritanopia 0.001% of the population

Trichromacy

#5d637a Protanomaly 1% of men, 0.01% of women
#5e637a Deuteranomaly 6% of men, 0.4% of women
#586572 Tritanomaly 0.01% of the population

#555f76 hex color

#555f76 Color Information

#555f76 Color Conversion

Color Schemes with #555f76

Alternatives to #555f76

#555f76 Preview

Shades and Tints of #555f76

Tones of #555f76

Color Blindness Simulator