#535d80 hex color

In a RGB color space, hex #535d80 is composed of 32.5% red, 36.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 27.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 226.7 degrees, a saturation of 21.3% and a lightness of 41.4%. #535d80 color hex could be obtained by blending #a6baff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 36
- B 50
RGB color chart
- C 35
- M 27
- Y 0
- K 50
CMYK color chart

● #535d80 color description : Mostly desaturated dark blue.

The hexadecimal color #535d80 has RGB values of R:83, G:93, B:128 and CMYK values of C:0.35, M:0.27, Y:0, K:0.5. Its decimal value is 5463424.

Hex triplet	535d80	`#535d80`
RGB Decimal	83, 93, 128	`rgb(83,93,128)`
RGB Percent	32.5, 36.5, 50.2	`rgb(32.5%,36.5%,50.2%)`
CMYK	35, 27, 0, 50
HSL	226.7°, 21.3, 41.4	`hsl(226.7,21.3%,41.4%)`
HSV (or HSB)	226.7°, 35.2, 50.2
Web Safe	666699	`#666699`

CIE-LAB	39.958, 5.215, -20.858
XYZ	11.377, 11.226, 21.988
xyY	0.255, 0.252, 11.226
CIE-LCH	39.958, 21.501, 284.038
CIE-LUV	39.958, -6.568, -29.704
Hunter-Lab	33.505, 1.978, -15.456
Binary	01010011, 01011101, 10000000

#535d80
```
#535d80 rgb(83,93,128)
```
#807653
```
#807653 rgb(128,118,83)
```

Complementary Color

#537480
```
#537480 rgb(83,116,128)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#605380
```
#605380 rgb(96,83,128)
```

Analogous Color

#748053
```
#748053 rgb(116,128,83)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#806053
```
#806053 rgb(128,96,83)
```

Split Complementary Color

#5d8053
```
#5d8053 rgb(93,128,83)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#80535d
```
#80535d rgb(128,83,93)
```

Triadic Color

#538076
```
#538076 rgb(83,128,118)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#80535d
```
#80535d rgb(128,83,93)
```
#807653
```
#807653 rgb(128,118,83)
```

Tetradic Color

#353b52
```
#353b52 rgb(53,59,82)
```
#3f4761
```
#3f4761 rgb(63,71,97)
```
#495271
```
#495271 rgb(73,82,113)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#5d688f
```
#5d688f rgb(93,104,143)
```
#69749d
```
#69749d rgb(105,116,157)
```
#7883a7
```
#7883a7 rgb(120,131,167)
```

Monochromatic Color

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

#536880
```
#536880 rgb(83,104,128)
```
#536580
```
#536580 rgb(83,101,128)
```
#536180
```
#536180 rgb(83,97,128)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#535980
```
#535980 rgb(83,89,128)
```
#535680
```
#535680 rgb(83,86,128)
```
#545380
```
#545380 rgb(84,83,128)
```

Similar Colors

Text with hexadecimal color #535d80

This text has a font color of #535d80.

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

#535d80 background color

This paragraph has a background color of #535d80.

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

#535d80 border color

This element has a border color of #535d80.

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

CSS codes

.text {color:#535d80;}

.background {background-color:#535d80;}

.border {border:1px solid #535d80;}

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

#060709
```
#060709 rgb(6,7,9)
```
#0e0f15
```
#0e0f15 rgb(14,15,21)
```
#151821
```
#151821 rgb(21,24,33)
```
#1d202d
```
#1d202d rgb(29,32,45)
```
#252939
```
#252939 rgb(37,41,57)
```
#2c3245
```
#2c3245 rgb(44,50,69)
```
#343a50
```
#343a50 rgb(52,58,80)
```
#3c435c
```
#3c435c rgb(60,67,92)
```
#444c68
```
#444c68 rgb(68,76,104)
```
#4b5474
```
#4b5474 rgb(75,84,116)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#5b668c
```
#5b668c rgb(91,102,140)
```
#626e98
```
#626e98 rgb(98,110,152)
```

Shade Color Variation

#6d79a1
```
#6d79a1 rgb(109,121,161)
```
#7984a8
```
#7984a8 rgb(121,132,168)
```
#858fb0
```
#858fb0 rgb(133,143,176)
```
#919ab8
```
#919ab8 rgb(145,154,184)
```
#9da5bf
```
#9da5bf rgb(157,165,191)
```
#a9b0c7
```
#a9b0c7 rgb(169,176,199)
```
#b5bbcf
```
#b5bbcf rgb(181,187,207)
```
#c1c5d7
```
#c1c5d7 rgb(193,197,215)
```
#cdd0de
```
#cdd0de rgb(205,208,222)
```
#d8dbe6
```
#d8dbe6 rgb(216,219,230)
```
#e4e6ee
```
#e4e6ee rgb(228,230,238)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#636670
```
#636670 rgb(99,102,112)
```
#5b6278
```
#5b6278 rgb(91,98,120)
```
#535d80
```
#535d80 rgb(83,93,128)
```
#4b5888
```
#4b5888 rgb(75,88,136)
```
#435490
```
#435490 rgb(67,84,144)
```
#3b4f98
```
#3b4f98 rgb(59,79,152)
```
#334ba0
```
#334ba0 rgb(51,75,160)
```
#2a46a9
```
#2a46a9 rgb(42,70,169)
```
#2242b1
```
#2242b1 rgb(34,66,177)
```
#1a3db9
```
#1a3db9 rgb(26,61,185)
```
#1239c1
```
#1239c1 rgb(18,57,193)
```
#0a34c9
```
#0a34c9 rgb(10,52,201)
```
#0230d1
```
#0230d1 rgb(2,48,209)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6586 Protanopia 1% of men
#5c6586 Deuteranopia 1% of men
#556971 Tritanopia 0.001% of the population

Trichromacy

#586284 Protanomaly 1% of men, 0.01% of women
#596284 Deuteranomaly 6% of men, 0.4% of women
#546576 Tritanomaly 0.01% of the population

#535d80 hex color

#535d80 Color Information

#535d80 Color Conversion

Color Schemes with #535d80

Alternatives to #535d80

#535d80 Preview

Shades and Tints of #535d80

Tones of #535d80

Color Blindness Simulator