colorhexa.com

#555863 hex color

In a RGB color space, hex #555863 is composed of 33.3% red, 34.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 11.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 227.1 degrees, a saturation of 7.6% and a lightness of 36.1%. #555863 color hex could be obtained by blending #aab0c6 with #000000. Closest websafe color is: #666666.

- R 33
- G 35
- B 39
RGB color chart
- C 14
- M 11
- Y 0
- K 61
CMYK color chart

● #555863 color description : Very dark grayish blue.

The hexadecimal color #555863 has RGB values of R:85, G:88, B:99 and CMYK values of C:0.14, M:0.11, Y:0, K:0.61. Its decimal value is 5593187.

Hex triplet	555863	`#555863`
RGB Decimal	85, 88, 99	`rgb(85,88,99)`
RGB Percent	33.3, 34.5, 38.8	`rgb(33.3%,34.5%,38.8%)`
CMYK	14, 11, 0, 61
HSL	227.1°, 7.6, 36.1	`hsl(227.1,7.6%,36.1%)`
HSV (or HSB)	227.1°, 14.1, 38.8
Web Safe	666666	`#666666`

CIE-LAB	37.502, 1.329, -6.734
XYZ	9.488, 9.812, 13.198
xyY	0.292, 0.302, 9.812
CIE-LCH	37.502, 6.864, 281.166
CIE-LUV	37.502, -2.176, -8.965
Hunter-Lab	31.323, -0.749, -3.055
Binary	01010101, 01011000, 01100011

#555863
```
#555863 rgb(85,88,99)
```
#636055
```
#636055 rgb(99,96,85)
```

Complementary Color

#555f63
```
#555f63 rgb(85,95,99)
```
#555863
```
#555863 rgb(85,88,99)
```
#595563
```
#595563 rgb(89,85,99)
```

Analogous Color

#5f6355
```
#5f6355 rgb(95,99,85)
```
#555863
```
#555863 rgb(85,88,99)
```
#635955
```
#635955 rgb(99,89,85)
```

Split Complementary Color

#32333a
```
#32333a rgb(50,51,58)
```
#3d4048
```
#3d4048 rgb(61,64,72)
```
#494c55
```
#494c55 rgb(73,76,85)
```
#555863
```
#555863 rgb(85,88,99)
```
#616471
```
#616471 rgb(97,100,113)
```
#6d707e
```
#6d707e rgb(109,112,126)
```
#797d8c
```
#797d8c rgb(121,125,140)
```

Monochromatic Color

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

#555c63
```
#555c63 rgb(85,92,99)
```
#555a63
```
#555a63 rgb(85,90,99)
```
#555963
```
#555963 rgb(85,89,99)
```
#555863
```
#555863 rgb(85,88,99)
```
#555763
```
#555763 rgb(85,87,99)
```
#555663
```
#555663 rgb(85,86,99)
```
#565563
```
#565563 rgb(86,85,99)
```

Similar Colors

Text with hexadecimal color #555863

This text has a font color of #555863.

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

#555863 background color

This paragraph has a background color of #555863.

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

#555863 border color

This element has a border color of #555863.

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

CSS codes

.text {color:#555863;}

.background {background-color:#555863;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0d0d0f
```
#0d0d0f rgb(13,13,15)
```
#161619
```
#161619 rgb(22,22,25)
```
#1f2024
```
#1f2024 rgb(31,32,36)
```
#28292e
```
#28292e rgb(40,41,46)
```
#313239
```
#313239 rgb(49,50,57)
```
#3a3c43
```
#3a3c43 rgb(58,60,67)
```
#43454e
```
#43454e rgb(67,69,78)
```
#4c4f58
```
#4c4f58 rgb(76,79,88)
```
#555863
```
#555863 rgb(85,88,99)
```
#5e616e
```
#5e616e rgb(94,97,110)
```
#676b78
```
#676b78 rgb(103,107,120)
```
#707483
```
#707483 rgb(112,116,131)
```

Shade Color Variation

#7a7e8d
```
#7a7e8d rgb(122,126,141)
```
#848896
```
#848896 rgb(132,136,150)
```
#8f929f
```
#8f929f rgb(143,146,159)
```
#999da8
```
#999da8 rgb(153,157,168)
```
#a4a7b1
```
#a4a7b1 rgb(164,167,177)
```
#afb1ba
```
#afb1ba rgb(175,177,186)
```
#b9bbc3
```
#b9bbc3 rgb(185,187,195)
```
#c4c5cc
```
#c4c5cc rgb(196,197,204)
```
#ced0d5
```
#ced0d5 rgb(206,208,213)
```
#d9dade
```
#d9dade rgb(217,218,222)
```
#e3e4e7
```
#e3e4e7 rgb(227,228,231)
```
#eeeef0
```
#eeeef0 rgb(238,238,240)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#555863
```
#555863 rgb(85,88,99)
```
#4e546a
```
#4e546a rgb(78,84,106)
```
#475071
```
#475071 rgb(71,80,113)
```
#404c78
```
#404c78 rgb(64,76,120)
```
#39487f
```
#39487f rgb(57,72,127)
```
#324486
```
#324486 rgb(50,68,134)
```
#2b408d
```
#2b408d rgb(43,64,141)
```
#233c95
```
#233c95 rgb(35,60,149)
```
#1c389c
```
#1c389c rgb(28,56,156)
```
#1534a3
```
#1534a3 rgb(21,52,163)
```
#0e30aa
```
#0e30aa rgb(14,48,170)
```
#072cb1
```
#072cb1 rgb(7,44,177)
```
#0027b8
```
#0027b8 rgb(0,39,184)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#57585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f606a Protanopia 1% of men
#645e6b Deuteranopia 1% of men
#5d6168 Tritanopia 0.001% of the population

Trichromacy

#5b5d68 Protanomaly 1% of men, 0.01% of women
#5e5c68 Deuteranomaly 6% of men, 0.4% of women
#5a5d66 Tritanomaly 0.01% of the population