colorhexa.com

#555b69 hex color

In a RGB color space, hex #555b69 is composed of 33.3% red, 35.7% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 13.3% magenta, 0% yellow and 58.8% black. It has a hue angle of 222 degrees, a saturation of 10.5% and a lightness of 37.3%. #555b69 color hex could be obtained by blending #aab6d2 with #000000. Closest websafe color is: #666666.

- R 33
- G 36
- B 41
RGB color chart
- C 19
- M 13
- Y 0
- K 59
CMYK color chart

● #555b69 color description : Very dark grayish blue.

The hexadecimal color #555b69 has RGB values of R:85, G:91, B:105 and CMYK values of C:0.19, M:0.13, Y:0, K:0.59. Its decimal value is 5593961.

Hex triplet	555b69	`#555b69`
RGB Decimal	85, 91, 105	`rgb(85,91,105)`
RGB Percent	33.3, 35.7, 41.2	`rgb(33.3%,35.7%,41.2%)`
CMYK	19, 13, 0, 59
HSL	222°, 10.5, 37.3	`hsl(222,10.5%,37.3%)`
HSV (or HSB)	222°, 19, 41.2
Web Safe	666666	`#666666`

CIE-LAB	38.609, 0.947, -8.792
XYZ	10.037, 10.433, 14.849
xyY	0.284, 0.295, 10.433
CIE-LCH	38.609, 8.843, 276.149
CIE-LUV	38.609, -3.837, -11.79
Hunter-Lab	32.301, -1.061, -4.646
Binary	01010101, 01011011, 01101001

#555b69
```
#555b69 rgb(85,91,105)
```
#696355
```
#696355 rgb(105,99,85)
```

Complementary Color

#556569
```
#556569 rgb(85,101,105)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#595569
```
#595569 rgb(89,85,105)
```

Analogous Color

#656955
```
#656955 rgb(101,105,85)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#695955
```
#695955 rgb(105,89,85)
```

Split Complementary Color

#5b6955
```
#5b6955 rgb(91,105,85)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#69555b
```
#69555b rgb(105,85,91)
```

Triadic Color

#33363f
```
#33363f rgb(51,54,63)
```
#3e434d
```
#3e434d rgb(62,67,77)
```
#4a4f5b
```
#4a4f5b rgb(74,79,91)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#606777
```
#606777 rgb(96,103,119)
```
#6c7385
```
#6c7385 rgb(108,115,133)
```
#788092
```
#788092 rgb(120,128,146)
```

Monochromatic Color

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

#556069
```
#556069 rgb(85,96,105)
```
#555e69
```
#555e69 rgb(85,94,105)
```
#555d69
```
#555d69 rgb(85,93,105)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#555969
```
#555969 rgb(85,89,105)
```
#555869
```
#555869 rgb(85,88,105)
```
#555669
```
#555669 rgb(85,86,105)
```

Similar Colors

Text with hexadecimal color #555b69

This text has a font color of #555b69.

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

#555b69 background color

This paragraph has a background color of #555b69.

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

#555b69 border color

This element has a border color of #555b69.

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

CSS codes

.text {color:#555b69;}

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

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f1012
```
#0f1012 rgb(15,16,18)
```
#18191d
```
#18191d rgb(24,25,29)
```
#202328
```
#202328 rgb(32,35,40)
```
#292c33
```
#292c33 rgb(41,44,51)
```
#32353e
```
#32353e rgb(50,53,62)
```
#3b3f48
```
#3b3f48 rgb(59,63,72)
```
#434853
```
#434853 rgb(67,72,83)
```
#4c525e
```
#4c525e rgb(76,82,94)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#5e6474
```
#5e6474 rgb(94,100,116)
```
#676e7f
```
#676e7f rgb(103,110,127)
```
#6f778a
```
#6f778a rgb(111,119,138)
```

Shade Color Variation

#7a8193
```
#7a8193 rgb(122,129,147)
```
#848b9c
```
#848b9c rgb(132,139,156)
```
#8f96a4
```
#8f96a4 rgb(143,150,164)
```
#9aa0ad
```
#9aa0ad rgb(154,160,173)
```
#a5aab6
```
#a5aab6 rgb(165,170,182)
```
#b0b4bf
```
#b0b4bf rgb(176,180,191)
```
#bbbec8
```
#bbbec8 rgb(187,190,200)
```
#c5c9d0
```
#c5c9d0 rgb(197,201,208)
```
#d0d3d9
```
#d0d3d9 rgb(208,211,217)
```
#dbdde2
```
#dbdde2 rgb(219,221,226)
```
#e6e7eb
```
#e6e7eb rgb(230,231,235)
```
#f1f2f3
```
#f1f2f3 rgb(241,242,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5e62 is the less saturated color, while #053bb9 is the most saturated one.

#5c5e62
```
#5c5e62 rgb(92,94,98)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#4e5870
```
#4e5870 rgb(78,88,112)
```
#465578
```
#465578 rgb(70,85,120)
```
#3f527f
```
#3f527f rgb(63,82,127)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#304c8e
```
#304c8e rgb(48,76,142)
```
#294995
```
#294995 rgb(41,73,149)
```
#22479c
```
#22479c rgb(34,71,156)
```
#1b44a3
```
#1b44a3 rgb(27,68,163)
```
#1341ab
```
#1341ab rgb(19,65,171)
```
#0c3eb2
```
#0c3eb2 rgb(12,62,178)
```
#053bb9
```
#053bb9 rgb(5,59,185)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a5b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#616270 Protanopia 1% of men
#656171 Deuteranopia 1% of men
#5c646b Tritanopia 0.001% of the population

Trichromacy

#5c5f6d Protanomaly 1% of men, 0.01% of women
#5f5e6e Deuteranomaly 6% of men, 0.4% of women
#59616a Tritanomaly 0.01% of the population