#535c7e hex color

In a RGB color space, hex #535c7e is composed of 32.5% red, 36.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 27% magenta, 0% yellow and 50.6% black. It has a hue angle of 227.4 degrees, a saturation of 20.6% and a lightness of 41%. #535c7e color hex could be obtained by blending #a6b8fc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #535c7e has RGB values of R:83, G:92, B:126 and CMYK values of C:0.34, M:0.27, Y:0, K:0.51. Its decimal value is 5463166.

Hex triplet	535c7e	`#535c7e`
RGB Decimal	83, 92, 126	`rgb(83,92,126)`
RGB Percent	32.5, 36.1, 49.4	`rgb(32.5%,36.1%,49.4%)`
CMYK	34, 27, 0, 51
HSL	227.4°, 20.6, 41	`hsl(227.4,20.6%,41%)`
HSV (or HSB)	227.4°, 34.1, 49.4
Web Safe	666666	`#666666`

CIE-LAB	39.579, 5.268, -20.225
XYZ	11.16, 10.999, 21.273
xyY	0.257, 0.253, 10.999
CIE-LCH	39.579, 20.9, 284.6
CIE-LUV	39.579, -6.083, -28.713
Hunter-Lab	33.165, 2.023, -14.814
Binary	01010011, 01011100, 01111110

#535c7e
```
#535c7e rgb(83,92,126)
```
#7e7553
```
#7e7553 rgb(126,117,83)
```

Complementary Color

#53727e
```
#53727e rgb(83,114,126)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#60537e
```
#60537e rgb(96,83,126)
```

Analogous Color

#727e53
```
#727e53 rgb(114,126,83)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#7e6053
```
#7e6053 rgb(126,96,83)
```

Split Complementary Color

#5c7e53
```
#5c7e53 rgb(92,126,83)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#7e535c
```
#7e535c rgb(126,83,92)
```

Triadic Color

#537e75
```
#537e75 rgb(83,126,117)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#7e535c
```
#7e535c rgb(126,83,92)
```
#7e7553
```
#7e7553 rgb(126,117,83)
```

Tetradic Color

#353a50
```
#353a50 rgb(53,58,80)
```
#3f465f
```
#3f465f rgb(63,70,95)
```
#49516f
```
#49516f rgb(73,81,111)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#5d678d
```
#5d678d rgb(93,103,141)
```
#68739c
```
#68739c rgb(104,115,156)
```
#7881a6
```
#7881a6 rgb(120,129,166)
```

Monochromatic Color

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

#53677e
```
#53677e rgb(83,103,126)
```
#53637e
```
#53637e rgb(83,99,126)
```
#53607e
```
#53607e rgb(83,96,126)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#53587e
```
#53587e rgb(83,88,126)
```
#53557e
```
#53557e rgb(83,85,126)
```
#55537e
```
#55537e rgb(85,83,126)
```

Similar Colors

Text with hexadecimal color #535c7e

This text has a font color of #535c7e.

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

#535c7e background color

This paragraph has a background color of #535c7e.

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

#535c7e border color

This element has a border color of #535c7e.

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

CSS codes

.text {color:#535c7e;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0d0e14
```
#0d0e14 rgb(13,14,20)
```
#15171f
```
#15171f rgb(21,23,31)
```
#1c202b
```
#1c202b rgb(28,32,43)
```
#242837
```
#242837 rgb(36,40,55)
```
#2c3143
```
#2c3143 rgb(44,49,67)
```
#34394f
```
#34394f rgb(52,57,79)
```
#3c425b
```
#3c425b rgb(60,66,91)
```
#434b66
```
#434b66 rgb(67,75,102)
```
#4b5372
```
#4b5372 rgb(75,83,114)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#5b658a
```
#5b658a rgb(91,101,138)
```
#636d96
```
#636d96 rgb(99,109,150)
```

Shade Color Variation

#6d779f
```
#6d779f rgb(109,119,159)
```
#7982a7
```
#7982a7 rgb(121,130,167)
```
#858dae
```
#858dae rgb(133,141,174)
```
#9098b6
```
#9098b6 rgb(144,152,182)
```
#9ca3be
```
#9ca3be rgb(156,163,190)
```
#a8aec6
```
#a8aec6 rgb(168,174,198)
```
#b4b9ce
```
#b4b9ce rgb(180,185,206)
```
#c0c4d5
```
#c0c4d5 rgb(192,196,213)
```
#cccfdd
```
#cccfdd rgb(204,207,221)
```
#d7dae5
```
#d7dae5 rgb(215,218,229)
```
#e3e5ed
```
#e3e5ed rgb(227,229,237)
```
#eff0f5
```
#eff0f5 rgb(239,240,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63656e is the less saturated color, while #032dce is the most saturated one.

#63656e
```
#63656e rgb(99,101,110)
```
#5b6176
```
#5b6176 rgb(91,97,118)
```
#535c7e
```
#535c7e rgb(83,92,126)
```
#4b5786
```
#4b5786 rgb(75,87,134)
```
#43538e
```
#43538e rgb(67,83,142)
```
#3b4e96
```
#3b4e96 rgb(59,78,150)
```
#33499e
```
#33499e rgb(51,73,158)
```
#2b45a6
```
#2b45a6 rgb(43,69,166)
```
#2340ae
```
#2340ae rgb(35,64,174)
```
#1b3bb6
```
#1b3bb6 rgb(27,59,182)
```
#1337be
```
#1337be rgb(19,55,190)
```
#0b32c6
```
#0b32c6 rgb(11,50,198)
```
#032dce
```
#032dce rgb(3,45,206)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6484 Protanopia 1% of men
#5c6484 Deuteranopia 1% of men
#566870 Tritanopia 0.001% of the population

Trichromacy

#586182 Protanomaly 1% of men, 0.01% of women
#596182 Deuteranomaly 6% of men, 0.4% of women
#556375 Tritanomaly 0.01% of the population

#535c7e hex color

#535c7e Color Information

#535c7e Color Conversion

Color Schemes with #535c7e

Alternatives to #535c7e

#535c7e Preview

Shades and Tints of #535c7e

Tones of #535c7e

Color Blindness Simulator