#535673 hex color

In a RGB color space, hex #535673 is composed of 32.5% red, 33.7% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 25.2% magenta, 0% yellow and 54.9% black. It has a hue angle of 234.4 degrees, a saturation of 16.2% and a lightness of 38.8%. #535673 color hex could be obtained by blending #a6ace6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 34
- B 45
RGB color chart
- C 28
- M 25
- Y 0
- K 55
CMYK color chart

● #535673 color description : Mostly desaturated dark blue.

The hexadecimal color #535673 has RGB values of R:83, G:86, B:115 and CMYK values of C:0.28, M:0.25, Y:0, K:0.55. Its decimal value is 5461619.

Hex triplet	535673	`#535673`
RGB Decimal	83, 86, 115	`rgb(83,86,115)`
RGB Percent	32.5, 33.7, 45.1	`rgb(32.5%,33.7%,45.1%)`
CMYK	28, 25, 0, 55
HSL	234.4°, 16.2, 38.8	`hsl(234.4,16.2%,38.8%)`
HSV (or HSB)	234.4°, 27.8, 45.1
Web Safe	666666	`#666666`

CIE-LAB	37.357, 5.967, -16.891
XYZ	9.989, 9.732, 17.571
xyY	0.268, 0.261, 9.732
CIE-LCH	37.357, 17.914, 289.456
CIE-LUV	37.357, -3.096, -23.609
Hunter-Lab	31.197, 2.561, -11.557
Binary	01010011, 01010110, 01110011

#535673
```
#535673 rgb(83,86,115)
```
#737053
```
#737053 rgb(115,112,83)
```

Complementary Color

#536673
```
#536673 rgb(83,102,115)
```
#535673
```
#535673 rgb(83,86,115)
```
#605373
```
#605373 rgb(96,83,115)
```

Analogous Color

#667353
```
#667353 rgb(102,115,83)
```
#535673
```
#535673 rgb(83,86,115)
```
#736053
```
#736053 rgb(115,96,83)
```

Split Complementary Color

#567353
```
#567353 rgb(86,115,83)
```
#535673
```
#535673 rgb(83,86,115)
```
#735356
```
#735356 rgb(115,83,86)
```

Triadic Color

#537370
```
#537370 rgb(83,115,112)
```
#535673
```
#535673 rgb(83,86,115)
```
#735356
```
#735356 rgb(115,83,86)
```
#737053
```
#737053 rgb(115,112,83)
```

Tetradic Color

#333547
```
#333547 rgb(51,53,71)
```
#3e4055
```
#3e4055 rgb(62,64,85)
```
#484b64
```
#484b64 rgb(72,75,100)
```
#535673
```
#535673 rgb(83,86,115)
```
#5e6182
```
#5e6182 rgb(94,97,130)
```
#686c91
```
#686c91 rgb(104,108,145)
```
#767a9c
```
#767a9c rgb(118,122,156)
```

Monochromatic Color

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

#535e73
```
#535e73 rgb(83,94,115)
```
#535b73
```
#535b73 rgb(83,91,115)
```
#535973
```
#535973 rgb(83,89,115)
```
#535673
```
#535673 rgb(83,86,115)
```
#535373
```
#535373 rgb(83,83,115)
```
#555373
```
#555373 rgb(85,83,115)
```
#585373
```
#585373 rgb(88,83,115)
```

Similar Colors

Text with hexadecimal color #535673

This text has a font color of #535673.

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

#535673 background color

This paragraph has a background color of #535673.

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

#535673 border color

This element has a border color of #535673.

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

CSS codes

.text {color:#535673;}

.background {background-color:#535673;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090c
```
#09090c rgb(9,9,12)
```
#111218
```
#111218 rgb(17,18,24)
```
#191a23
```
#191a23 rgb(25,26,35)
```
#22232f
```
#22232f rgb(34,35,47)
```
#2a2b3a
```
#2a2b3a rgb(42,43,58)
```
#323445
```
#323445 rgb(50,52,69)
```
#3a3c51
```
#3a3c51 rgb(58,60,81)
```
#43455c
```
#43455c rgb(67,69,92)
```
#4b4d68
```
#4b4d68 rgb(75,77,104)
```
#535673
```
#535673 rgb(83,86,115)
```
#5b5f7e
```
#5b5f7e rgb(91,95,126)
```
#63678a
```
#63678a rgb(99,103,138)
```

Shade Color Variation

#6c7095
```
#6c7095 rgb(108,112,149)
```
#777b9d
```
#777b9d rgb(119,123,157)
```
#8386a5
```
#8386a5 rgb(131,134,165)
```
#8e91ae
```
#8e91ae rgb(142,145,174)
```
#9a9cb6
```
#9a9cb6 rgb(154,156,182)
```
#a5a7be
```
#a5a7be rgb(165,167,190)
```
#b0b2c6
```
#b0b2c6 rgb(176,178,198)
```
#bcbdce
```
#bcbdce rgb(188,189,206)
```
#c7c9d7
```
#c7c9d7 rgb(199,201,215)
```
#d3d4df
```
#d3d4df rgb(211,212,223)
```
#dedfe7
```
#dedfe7 rgb(222,223,231)
```
#e9eaef
```
#e9eaef rgb(233,234,239)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#626264
```
#626264 rgb(98,98,100)
```
#5b5c6b
```
#5b5c6b rgb(91,92,107)
```
#535673
```
#535673 rgb(83,86,115)
```
#4b507b
```
#4b507b rgb(75,80,123)
```
#444a82
```
#444a82 rgb(68,74,130)
```
#3c438a
```
#3c438a rgb(60,67,138)
```
#353d91
```
#353d91 rgb(53,61,145)
```
#2d3799
```
#2d3799 rgb(45,55,153)
```
#2531a1
```
#2531a1 rgb(37,49,161)
```
#1e2ba8
```
#1e2ba8 rgb(30,43,168)
```
#1625b0
```
#1625b0 rgb(22,37,176)
```
#0e1eb8
```
#0e1eb8 rgb(14,30,184)
```
#0718bf
```
#0718bf rgb(7,24,191)
```

Tone Color Variation

Below, you can see how #535673 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
#57585d Atypical Achromatopsia 0.001% of the population

Dichromacy

#585f7a Protanopia 1% of men
#5b5f7a Deuteranopia 1% of men
#576269 Tritanopia 0.001% of the population

Trichromacy

#565c77 Protanomaly 1% of men, 0.01% of women
#585b77 Deuteranomaly 6% of men, 0.4% of women
#565d6c Tritanomaly 0.01% of the population

#535673 hex color

#535673 Color Information

#535673 Color Conversion

Color Schemes with #535673

Alternatives to #535673

#535673 Preview

Shades and Tints of #535673

Tones of #535673

Color Blindness Simulator