#535877 hex color

In a RGB color space, hex #535877 is composed of 32.5% red, 34.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 26.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 231.7 degrees, a saturation of 17.8% and a lightness of 39.6%. #535877 color hex could be obtained by blending #a6b0ee with #000000. Closest websafe color is: #666666.

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

● #535877 color description : Mostly desaturated dark blue.

The hexadecimal color #535877 has RGB values of R:83, G:88, B:119 and CMYK values of C:0.3, M:0.26, Y:0, K:0.53. Its decimal value is 5462135.

Hex triplet	535877	`#535877`
RGB Decimal	83, 88, 119	`rgb(83,88,119)`
RGB Percent	32.5, 34.5, 46.7	`rgb(32.5%,34.5%,46.7%)`
CMYK	30, 26, 0, 53
HSL	231.7°, 17.8, 39.6	`hsl(231.7,17.8%,39.6%)`
HSV (or HSB)	231.7°, 30.3, 46.7
Web Safe	666666	`#666666`

CIE-LAB	38.111, 5.807, -18.2
XYZ	10.386, 10.15, 18.864
xyY	0.264, 0.258, 10.15
CIE-LCH	38.111, 19.104, 287.696
CIE-LUV	38.111, -4.131, -25.586
Hunter-Lab	31.859, 2.437, -12.804
Binary	01010011, 01011000, 01110111

#535877
```
#535877 rgb(83,88,119)
```
#777253
```
#777253 rgb(119,114,83)
```

Complementary Color

#536a77
```
#536a77 rgb(83,106,119)
```
#535877
```
#535877 rgb(83,88,119)
```
#605377
```
#605377 rgb(96,83,119)
```

Analogous Color

#6a7753
```
#6a7753 rgb(106,119,83)
```
#535877
```
#535877 rgb(83,88,119)
```
#776053
```
#776053 rgb(119,96,83)
```

Split Complementary Color

#587753
```
#587753 rgb(88,119,83)
```
#535877
```
#535877 rgb(83,88,119)
```
#775358
```
#775358 rgb(119,83,88)
```

Triadic Color

#537772
```
#537772 rgb(83,119,114)
```
#535877
```
#535877 rgb(83,88,119)
```
#775358
```
#775358 rgb(119,83,88)
```
#777253
```
#777253 rgb(119,114,83)
```

Tetradic Color

#34374a
```
#34374a rgb(52,55,74)
```
#3e4259
```
#3e4259 rgb(62,66,89)
```
#494d68
```
#494d68 rgb(73,77,104)
```
#535877
```
#535877 rgb(83,88,119)
```
#5d6386
```
#5d6386 rgb(93,99,134)
```
#686e95
```
#686e95 rgb(104,110,149)
```
#777ca0
```
#777ca0 rgb(119,124,160)
```

Monochromatic Color

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

#536177
```
#536177 rgb(83,97,119)
```
#535e77
```
#535e77 rgb(83,94,119)
```
#535b77
```
#535b77 rgb(83,91,119)
```
#535877
```
#535877 rgb(83,88,119)
```
#535577
```
#535577 rgb(83,85,119)
```
#545377
```
#545377 rgb(84,83,119)
```
#575377
```
#575377 rgb(87,83,119)
```

Similar Colors

Text with hexadecimal color #535877

This text has a font color of #535877.

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

#535877 background color

This paragraph has a background color of #535877.

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

#535877 border color

This element has a border color of #535877.

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

CSS codes

.text {color:#535877;}

.background {background-color:#535877;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#13141b
```
#13141b rgb(19,20,27)
```
#1b1c26
```
#1b1c26 rgb(27,28,38)
```
#232532
```
#232532 rgb(35,37,50)
```
#2b2d3d
```
#2b2d3d rgb(43,45,61)
```
#333649
```
#333649 rgb(51,54,73)
```
#3b3e54
```
#3b3e54 rgb(59,62,84)
```
#434760
```
#434760 rgb(67,71,96)
```
#4b4f6b
```
#4b4f6b rgb(75,79,107)
```
#535877
```
#535877 rgb(83,88,119)
```
#5b6183
```
#5b6183 rgb(91,97,131)
```
#63698e
```
#63698e rgb(99,105,142)
```

Shade Color Variation

#6c7299
```
#6c7299 rgb(108,114,153)
```
#787da1
```
#787da1 rgb(120,125,161)
```
#8389a9
```
#8389a9 rgb(131,137,169)
```
#8f94b1
```
#8f94b1 rgb(143,148,177)
```
#9a9fb9
```
#9a9fb9 rgb(154,159,185)
```
#a6aac1
```
#a6aac1 rgb(166,170,193)
```
#b2b5c9
```
#b2b5c9 rgb(178,181,201)
```
#bdc0d1
```
#bdc0d1 rgb(189,192,209)
```
#c9cbd9
```
#c9cbd9 rgb(201,203,217)
```
#d4d6e1
```
#d4d6e1 rgb(212,214,225)
```
#e0e1e9
```
#e0e1e9 rgb(224,225,233)
```
#ebecf1
```
#ebecf1 rgb(235,236,241)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#636367
```
#636367 rgb(99,99,103)
```
#5b5e6f
```
#5b5e6f rgb(91,94,111)
```
#535877
```
#535877 rgb(83,88,119)
```
#4b527f
```
#4b527f rgb(75,82,127)
```
#434d87
```
#434d87 rgb(67,77,135)
```
#3c478e
```
#3c478e rgb(60,71,142)
```
#344296
```
#344296 rgb(52,66,150)
```
#2c3c9e
```
#2c3c9e rgb(44,60,158)
```
#2436a6
```
#2436a6 rgb(36,54,166)
```
#1d31ad
```
#1d31ad rgb(29,49,173)
```
#152bb5
```
#152bb5 rgb(21,43,181)
```
#0d26bd
```
#0d26bd rgb(13,38,189)
```
#0520c5
```
#0520c5 rgb(5,32,197)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#59617e Protanopia 1% of men
#5b607e Deuteranopia 1% of men
#57646b Tritanopia 0.001% of the population

Trichromacy

#575d7b Protanomaly 1% of men, 0.01% of women
#585d7b Deuteranomaly 6% of men, 0.4% of women
#555f6f Tritanomaly 0.01% of the population

#535877 hex color

#535877 Color Information

#535877 Color Conversion

Color Schemes with #535877

Alternatives to #535877

#535877 Preview

Shades and Tints of #535877

Tones of #535877

Color Blindness Simulator