#535777 hex color

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

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

● #535777 color description : Mostly desaturated dark blue.

The hexadecimal color #535777 has RGB values of R:83, G:87, B:119 and CMYK values of C:0.3, M:0.27, Y:0, K:0.53. Its decimal value is 5461879.

Hex triplet	535777	`#535777`
RGB Decimal	83, 87, 119	`rgb(83,87,119)`
RGB Percent	32.5, 34.1, 46.7	`rgb(32.5%,34.1%,46.7%)`
CMYK	30, 27, 0, 53
HSL	233.3°, 17.8, 39.6	`hsl(233.3,17.8%,39.6%)`
HSV (or HSB)	233.3°, 30.3, 46.7
Web Safe	666666	`#666666`

CIE-LAB	37.819, 6.436, -18.649
XYZ	10.305, 9.987, 18.837
xyY	0.263, 0.255, 9.987
CIE-LCH	37.819, 19.728, 289.039
CIE-LUV	37.819, -3.717, -26.254
Hunter-Lab	31.602, 2.899, -13.218
Binary	01010011, 01010111, 01110111

#535777
```
#535777 rgb(83,87,119)
```
#777353
```
#777353 rgb(119,115,83)
```

Complementary Color

#536977
```
#536977 rgb(83,105,119)
```
#535777
```
#535777 rgb(83,87,119)
```
#615377
```
#615377 rgb(97,83,119)
```

Analogous Color

#697753
```
#697753 rgb(105,119,83)
```
#535777
```
#535777 rgb(83,87,119)
```
#776153
```
#776153 rgb(119,97,83)
```

Split Complementary Color

#577753
```
#577753 rgb(87,119,83)
```
#535777
```
#535777 rgb(83,87,119)
```
#775357
```
#775357 rgb(119,83,87)
```

Triadic Color

#537773
```
#537773 rgb(83,119,115)
```
#535777
```
#535777 rgb(83,87,119)
```
#775357
```
#775357 rgb(119,83,87)
```
#777353
```
#777353 rgb(119,115,83)
```

Tetradic Color

#34364a
```
#34364a rgb(52,54,74)
```
#3e4159
```
#3e4159 rgb(62,65,89)
```
#494c68
```
#494c68 rgb(73,76,104)
```
#535777
```
#535777 rgb(83,87,119)
```
#5d6286
```
#5d6286 rgb(93,98,134)
```
#686d95
```
#686d95 rgb(104,109,149)
```
#777ba0
```
#777ba0 rgb(119,123,160)
```

Monochromatic Color

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

#536077
```
#536077 rgb(83,96,119)
```
#535d77
```
#535d77 rgb(83,93,119)
```
#535a77
```
#535a77 rgb(83,90,119)
```
#535777
```
#535777 rgb(83,87,119)
```
#535477
```
#535477 rgb(83,84,119)
```
#555377
```
#555377 rgb(85,83,119)
```
#585377
```
#585377 rgb(88,83,119)
```

Similar Colors

Text with hexadecimal color #535777

This text has a font color of #535777.

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

#535777 background color

This paragraph has a background color of #535777.

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

#535777 border color

This element has a border color of #535777.

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

CSS codes

.text {color:#535777;}

.background {background-color:#535777;}

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

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)
```
#13131b
```
#13131b rgb(19,19,27)
```
#1b1c26
```
#1b1c26 rgb(27,28,38)
```
#232432
```
#232432 rgb(35,36,50)
```
#2b2d3d
```
#2b2d3d rgb(43,45,61)
```
#333549
```
#333549 rgb(51,53,73)
```
#3b3e54
```
#3b3e54 rgb(59,62,84)
```
#434660
```
#434660 rgb(67,70,96)
```
#4b4f6b
```
#4b4f6b rgb(75,79,107)
```
#535777
```
#535777 rgb(83,87,119)
```
#5b5f83
```
#5b5f83 rgb(91,95,131)
```
#63688e
```
#63688e rgb(99,104,142)
```

Shade Color Variation

#6c7199
```
#6c7199 rgb(108,113,153)
```
#787ca1
```
#787ca1 rgb(120,124,161)
```
#8387a9
```
#8387a9 rgb(131,135,169)
```
#8f93b1
```
#8f93b1 rgb(143,147,177)
```
#9a9eb9
```
#9a9eb9 rgb(154,158,185)
```
#a6a9c1
```
#a6a9c1 rgb(166,169,193)
```
#b2b4c9
```
#b2b4c9 rgb(178,180,201)
```
#bdbfd1
```
#bdbfd1 rgb(189,191,209)
```
#c9cad9
```
#c9cad9 rgb(201,202,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 #051bc5 is the most saturated one.

#636367
```
#636367 rgb(99,99,103)
```
#5b5d6f
```
#5b5d6f rgb(91,93,111)
```
#535777
```
#535777 rgb(83,87,119)
```
#4b517f
```
#4b517f rgb(75,81,127)
```
#434b87
```
#434b87 rgb(67,75,135)
```
#3c458e
```
#3c458e rgb(60,69,142)
```
#343f96
```
#343f96 rgb(52,63,150)
```
#2c399e
```
#2c399e rgb(44,57,158)
```
#2433a6
```
#2433a6 rgb(36,51,166)
```
#1d2dad
```
#1d2dad rgb(29,45,173)
```
#1527b5
```
#1527b5 rgb(21,39,181)
```
#0d21bd
```
#0d21bd rgb(13,33,189)
```
#051bc5
```
#051bc5 rgb(5,27,197)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#58595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607e Protanopia 1% of men
#5a607d Deuteranopia 1% of men
#57636a Tritanopia 0.001% of the population

Trichromacy

#565d7b Protanomaly 1% of men, 0.01% of women
#575c7b Deuteranomaly 6% of men, 0.4% of women
#555e6f Tritanomaly 0.01% of the population

#535777 hex color

#535777 Color Information

#535777 Color Conversion

Color Schemes with #535777

Alternatives to #535777

#535777 Preview

Shades and Tints of #535777

Tones of #535777

Color Blindness Simulator