#535176 hex color

In a RGB color space, hex #535176 is composed of 32.5% red, 31.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 31.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 243.2 degrees, a saturation of 18.6% and a lightness of 39%. #535176 color hex could be obtained by blending #a6a2ec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 32
- B 46
RGB color chart
- C 30
- M 31
- Y 0
- K 54
CMYK color chart

● #535176 color description : Mostly desaturated dark blue.

The hexadecimal color #535176 has RGB values of R:83, G:81, B:118 and CMYK values of C:0.3, M:0.31, Y:0, K:0.54. Its decimal value is 5460342.

Hex triplet	535176	`#535176`
RGB Decimal	83, 81, 118	`rgb(83,81,118)`
RGB Percent	32.5, 31.8, 46.3	`rgb(32.5%,31.8%,46.3%)`
CMYK	30, 31, 0, 54
HSL	243.2°, 18.6, 39	`hsl(243.2,18.6%,39%)`
HSV (or HSB)	243.2°, 31.4, 46.3
Web Safe	666666	`#666666`

CIE-LAB	36.045, 9.958, -20.773
XYZ	9.779, 9.032, 18.367
xyY	0.263, 0.243, 9.032
CIE-LCH	36.045, 23.036, 295.613
CIE-LUV	36.045, -1.22, -29.347
Hunter-Lab	30.053, 5.491, -15.198
Binary	01010011, 01010001, 01110110

#535176
```
#535176 rgb(83,81,118)
```
#747651
```
#747651 rgb(116,118,81)
```

Complementary Color

#516276
```
#516276 rgb(81,98,118)
```
#535176
```
#535176 rgb(83,81,118)
```
#665176
```
#665176 rgb(102,81,118)
```

Analogous Color

#627651
```
#627651 rgb(98,118,81)
```
#535176
```
#535176 rgb(83,81,118)
```
#766651
```
#766651 rgb(118,102,81)
```

Split Complementary Color

#517653
```
#517653 rgb(81,118,83)
```
#535176
```
#535176 rgb(83,81,118)
```
#765351
```
#765351 rgb(118,83,81)
```

Triadic Color

#517476
```
#517476 rgb(81,116,118)
```
#535176
```
#535176 rgb(83,81,118)
```
#765351
```
#765351 rgb(118,83,81)
```
#747651
```
#747651 rgb(116,118,81)
```

Tetradic Color

#333249
```
#333249 rgb(51,50,73)
```
#3e3c58
```
#3e3c58 rgb(62,60,88)
```
#484767
```
#484767 rgb(72,71,103)
```
#535176
```
#535176 rgb(83,81,118)
```
#5e5b85
```
#5e5b85 rgb(94,91,133)
```
#686694
```
#686694 rgb(104,102,148)
```
#7674a0
```
#7674a0 rgb(118,116,160)
```

Monochromatic Color

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

#515876
```
#515876 rgb(81,88,118)
```
#515576
```
#515576 rgb(81,85,118)
```
#515276
```
#515276 rgb(81,82,118)
```
#535176
```
#535176 rgb(83,81,118)
```
#565176
```
#565176 rgb(86,81,118)
```
#595176
```
#595176 rgb(89,81,118)
```
#5c5176
```
#5c5176 rgb(92,81,118)
```

Similar Colors

Text with hexadecimal color #535176

This text has a font color of #535176.

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

#535176 background color

This paragraph has a background color of #535176.

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

#535176 border color

This element has a border color of #535176.

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

CSS codes

.text {color:#535176;}

.background {background-color:#535176;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#09090d
```
#09090d rgb(9,9,13)
```
#121119
```
#121119 rgb(18,17,25)
```
#1a1925
```
#1a1925 rgb(26,25,37)
```
#222130
```
#222130 rgb(34,33,48)
```
#2a293c
```
#2a293c rgb(42,41,60)
```
#323147
```
#323147 rgb(50,49,71)
```
#3a3953
```
#3a3953 rgb(58,57,83)
```
#43415f
```
#43415f rgb(67,65,95)
```
#4b496a
```
#4b496a rgb(75,73,106)
```
#535176
```
#535176 rgb(83,81,118)
```
#5b5982
```
#5b5982 rgb(91,89,130)
```
#63618d
```
#63618d rgb(99,97,141)
```

Shade Color Variation

#6c6998
```
#6c6998 rgb(108,105,152)
```
#7775a0
```
#7775a0 rgb(119,117,160)
```
#8381a8
```
#8381a8 rgb(131,129,168)
```
#8e8cb0
```
#8e8cb0 rgb(142,140,176)
```
#9a98b8
```
#9a98b8 rgb(154,152,184)
```
#a5a4c0
```
#a5a4c0 rgb(165,164,192)
```
#b1afc8
```
#b1afc8 rgb(177,175,200)
```
#bcbbd0
```
#bcbbd0 rgb(188,187,208)
```
#c7c7d8
```
#c7c7d8 rgb(199,199,216)
```
#d3d2e0
```
#d3d2e0 rgb(211,210,224)
```
#dedee8
```
#dedee8 rgb(222,222,232)
```
#eae9f0
```
#eae9f0 rgb(234,233,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#616067
```
#616067 rgb(97,96,103)
```
#5a596e
```
#5a596e rgb(90,89,110)
```
#535176
```
#535176 rgb(83,81,118)
```
#4c497e
```
#4c497e rgb(76,73,126)
```
#454285
```
#454285 rgb(69,66,133)
```
#3f3a8d
```
#3f3a8d rgb(63,58,141)
```
#383295
```
#383295 rgb(56,50,149)
```
#312b9c
```
#312b9c rgb(49,43,156)
```
#2a23a4
```
#2a23a4 rgb(42,35,164)
```
#231bac
```
#231bac rgb(35,27,172)
```
#1c14b3
```
#1c14b3 rgb(28,20,179)
```
#160cbb
```
#160cbb rgb(22,12,187)
```
#0f04c3
```
#0f04c3 rgb(15,4,195)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#55555c Atypical Achromatopsia 0.001% of the population

Dichromacy

#525c7e Protanopia 1% of men
#535c7c Deuteranopia 1% of men
#565e65 Tritanopia 0.001% of the population

Trichromacy

#52587b Protanomaly 1% of men, 0.01% of women
#535879 Deuteranomaly 6% of men, 0.4% of women
#55596b Tritanomaly 0.01% of the population

#535176 hex color

#535176 Color Information

#535176 Color Conversion

Color Schemes with #535176

Alternatives to #535176

#535176 Preview

Shades and Tints of #535176

Tones of #535176

Color Blindness Simulator