#534660 hex color

In a RGB color space, hex #534660 is composed of 32.5% red, 27.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 27.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 270 degrees, a saturation of 15.7% and a lightness of 32.5%. #534660 color hex could be obtained by blending #a68cc0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 27
- B 38
RGB color chart
- C 14
- M 27
- Y 0
- K 62
CMYK color chart

● #534660 color description : Very dark grayish violet.

The hexadecimal color #534660 has RGB values of R:83, G:70, B:96 and CMYK values of C:0.14, M:0.27, Y:0, K:0.62. Its decimal value is 5457504.

Hex triplet	534660	`#534660`
RGB Decimal	83, 70, 96	`rgb(83,70,96)`
RGB Percent	32.5, 27.5, 37.6	`rgb(32.5%,27.5%,37.6%)`
CMYK	14, 27, 0, 62
HSL	270°, 15.7, 32.5	`hsl(270,15.7%,32.5%)`
HSV (or HSB)	270°, 27.1, 37.6
Web Safe	663366	`#663366`

CIE-LAB	31.952, 11.225, -13.253
XYZ	7.868, 7.064, 12.015
xyY	0.292, 0.262, 7.064
CIE-LCH	31.952, 17.368, 310.265
CIE-LUV	31.952, 5.053, -18.333
Hunter-Lab	26.578, 6.333, -8.198
Binary	01010011, 01000110, 01100000

#534660
```
#534660 rgb(83,70,96)
```
#536046
```
#536046 rgb(83,96,70)
```

Complementary Color

#464660
```
#464660 rgb(70,70,96)
```
#534660
```
#534660 rgb(83,70,96)
```
#604660
```
#604660 rgb(96,70,96)
```

Analogous Color

#466046
```
#466046 rgb(70,96,70)
```
#534660
```
#534660 rgb(83,70,96)
```
#606046
```
#606046 rgb(96,96,70)
```

Split Complementary Color

#466053
```
#466053 rgb(70,96,83)
```
#534660
```
#534660 rgb(83,70,96)
```
#605346
```
#605346 rgb(96,83,70)
```

Triadic Color

#465360
```
#465360 rgb(70,83,96)
```
#534660
```
#534660 rgb(83,70,96)
```
#605346
```
#605346 rgb(96,83,70)
```
#536046
```
#536046 rgb(83,96,70)
```

Tetradic Color

#2d2634
```
#2d2634 rgb(45,38,52)
```
#3a3043
```
#3a3043 rgb(58,48,67)
```
#463b51
```
#463b51 rgb(70,59,81)
```
#534660
```
#534660 rgb(83,70,96)
```
#60516f
```
#60516f rgb(96,81,111)
```
#6d5c7d
```
#6d5c7d rgb(109,92,125)
```
#79668c
```
#79668c rgb(121,102,140)
```

Monochromatic Color

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

#4d4660
```
#4d4660 rgb(77,70,96)
```
#4f4660
```
#4f4660 rgb(79,70,96)
```
#514660
```
#514660 rgb(81,70,96)
```
#534660
```
#534660 rgb(83,70,96)
```
#554660
```
#554660 rgb(85,70,96)
```
#574660
```
#574660 rgb(87,70,96)
```
#5a4660
```
#5a4660 rgb(90,70,96)
```

Similar Colors

Text with hexadecimal color #534660

This text has a font color of #534660.

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

#534660 background color

This paragraph has a background color of #534660.

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

#534660 border color

This element has a border color of #534660.

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

CSS codes

.text {color:#534660;}

.background {background-color:#534660;}

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

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

#050405
```
#050405 rgb(5,4,5)
```
#0e0c11
```
#0e0c11 rgb(14,12,17)
```
#18141c
```
#18141c rgb(24,20,28)
```
#221d27
```
#221d27 rgb(34,29,39)
```
#2c2533
```
#2c2533 rgb(44,37,51)
```
#362d3e
```
#362d3e rgb(54,45,62)
```
#3f3549
```
#3f3549 rgb(63,53,73)
```
#493e55
```
#493e55 rgb(73,62,85)
```
#534660
```
#534660 rgb(83,70,96)
```
#5d4e6b
```
#5d4e6b rgb(93,78,107)
```
#675777
```
#675777 rgb(103,87,119)
```
#705f82
```
#705f82 rgb(112,95,130)
```
#7a678d
```
#7a678d rgb(122,103,141)
```

Shade Color Variation

#847197
```
#847197 rgb(132,113,151)
```
#8e7ca0
```
#8e7ca0 rgb(142,124,160)
```
#9887a8
```
#9887a8 rgb(152,135,168)
```
#a193b0
```
#a193b0 rgb(161,147,176)
```
#ab9eb8
```
#ab9eb8 rgb(171,158,184)
```
#b5a9c1
```
#b5a9c1 rgb(181,169,193)
```
#bfb5c9
```
#bfb5c9 rgb(191,181,201)
```
#c9c0d1
```
#c9c0d1 rgb(201,192,209)
```
#d3ccd9
```
#d3ccd9 rgb(211,204,217)
```
#dcd7e2
```
#dcd7e2 rgb(220,215,226)
```
#e6e2ea
```
#e6e2ea rgb(230,226,234)
```
#f0eef2
```
#f0eef2 rgb(240,238,242)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

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

#535353
```
#535353 rgb(83,83,83)
```
#534c5a
```
#534c5a rgb(83,76,90)
```
#534660
```
#534660 rgb(83,70,96)
```
#534066
```
#534066 rgb(83,64,102)
```
#53396d
```
#53396d rgb(83,57,109)
```
#533373
```
#533373 rgb(83,51,115)
```
#532c7a
```
#532c7a rgb(83,44,122)
```
#532680
```
#532680 rgb(83,38,128)
```
#532086
```
#532086 rgb(83,32,134)
```
#53198d
```
#53198d rgb(83,25,141)
```
#531393
```
#531393 rgb(83,19,147)
```
#530d99
```
#530d99 rgb(83,13,153)
```
#5306a0
```
#5306a0 rgb(83,6,160)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e4c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e536a Protanopia 1% of men
#525267 Deuteranopia 1% of men
#585258 Tritanopia 0.001% of the population

Trichromacy

#4f4e66 Protanomaly 1% of men, 0.01% of women
#524e64 Deuteranomaly 6% of men, 0.4% of women
#564e5b Tritanomaly 0.01% of the population

#534660 hex color

#534660 Color Information

#534660 Color Conversion

Color Schemes with #534660

Alternatives to #534660

#534660 Preview

Shades and Tints of #534660

Tones of #534660

Color Blindness Simulator