#604686 hex color

In a RGB color space, hex #604686 is composed of 37.6% red, 27.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 47.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 264.4 degrees, a saturation of 31.4% and a lightness of 40%. #604686 color hex could be obtained by blending #c08cff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 38
- G 27
- B 53
RGB color chart
- C 28
- M 48
- Y 0
- K 47
CMYK color chart

● #604686 color description : Dark moderate violet.

The hexadecimal color #604686 has RGB values of R:96, G:70, B:134 and CMYK values of C:0.28, M:0.48, Y:0, K:0.47. Its decimal value is 6309510.

Hex triplet	604686	`#604686`
RGB Decimal	96, 70, 134	`rgb(96,70,134)`
RGB Percent	37.6, 27.5, 52.5	`rgb(37.6%,27.5%,52.5%)`
CMYK	28, 48, 0, 47
HSL	264.4°, 31.4, 40	`hsl(264.4,31.4%,40%)`
HSV (or HSB)	264.4°, 47.8, 52.5
Web Safe	663399	`#663399`

CIE-LAB	35.179, 25.375, -31.922
XYZ	11.316, 8.588, 23.614
xyY	0.26, 0.197, 8.588
CIE-LCH	35.179, 40.779, 308.482
CIE-LUV	35.179, 7.639, -46.64
Hunter-Lab	29.306, 17.642, -27.261
Binary	01100000, 01000110, 10000110

#604686
```
#604686 rgb(96,70,134)
```
#6c8646
```
#6c8646 rgb(108,134,70)
```

Complementary Color

#464c86
```
#464c86 rgb(70,76,134)
```
#604686
```
#604686 rgb(96,70,134)
```
#804686
```
#804686 rgb(128,70,134)
```

Analogous Color

#4c8646
```
#4c8646 rgb(76,134,70)
```
#604686
```
#604686 rgb(96,70,134)
```
#868046
```
#868046 rgb(134,128,70)
```

Split Complementary Color

#468660
```
#468660 rgb(70,134,96)
```
#604686
```
#604686 rgb(96,70,134)
```
#866046
```
#866046 rgb(134,96,70)
```

Triadic Color

#466c86
```
#466c86 rgb(70,108,134)
```
#604686
```
#604686 rgb(96,70,134)
```
#866046
```
#866046 rgb(134,96,70)
```
#6c8646
```
#6c8646 rgb(108,134,70)
```

Tetradic Color

#3c2c54
```
#3c2c54 rgb(60,44,84)
```
#483565
```
#483565 rgb(72,53,101)
```
#543d75
```
#543d75 rgb(84,61,117)
```
#604686
```
#604686 rgb(96,70,134)
```
#6c4f97
```
#6c4f97 rgb(108,79,151)
```
#7858a8
```
#7858a8 rgb(120,88,168)
```
#8668b0
```
#8668b0 rgb(134,104,176)
```

Monochromatic Color

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

#504686
```
#504686 rgb(80,70,134)
```
#554686
```
#554686 rgb(85,70,134)
```
#5b4686
```
#5b4686 rgb(91,70,134)
```
#604686
```
#604686 rgb(96,70,134)
```
#654686
```
#654686 rgb(101,70,134)
```
#6b4686
```
#6b4686 rgb(107,70,134)
```
#704686
```
#704686 rgb(112,70,134)
```

Similar Colors

Text with hexadecimal color #604686

This text has a font color of #604686.

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

#604686 background color

This paragraph has a background color of #604686.

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

#604686 border color

This element has a border color of #604686.

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

CSS codes

.text {color:#604686;}

.background {background-color:#604686;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0d0912
```
#0d0912 rgb(13,9,18)
```
#16101f
```
#16101f rgb(22,16,31)
```
#1f172c
```
#1f172c rgb(31,23,44)
```
#291e39
```
#291e39 rgb(41,30,57)
```
#322446
```
#322446 rgb(50,36,70)
```
#3b2b52
```
#3b2b52 rgb(59,43,82)
```
#44325f
```
#44325f rgb(68,50,95)
```
#4e396c
```
#4e396c rgb(78,57,108)
```
#573f79
```
#573f79 rgb(87,63,121)
```
#604686
```
#604686 rgb(96,70,134)
```
#694d93
```
#694d93 rgb(105,77,147)
```
#7253a0
```
#7253a0 rgb(114,83,160)
```

Shade Color Variation

#7c5daa
```
#7c5daa rgb(124,93,170)
```
#876ab1
```
#876ab1 rgb(135,106,177)
```
#9176b8
```
#9176b8 rgb(145,118,184)
```
#9b83be
```
#9b83be rgb(155,131,190)
```
#a690c5
```
#a690c5 rgb(166,144,197)
```
#b09dcc
```
#b09dcc rgb(176,157,204)
```
#baaad3
```
#baaad3 rgb(186,170,211)
```
#c5b7d9
```
#c5b7d9 rgb(197,183,217)
```
#cfc4e0
```
#cfc4e0 rgb(207,196,224)
```
#dad1e7
```
#dad1e7 rgb(218,209,231)
```
#e4deee
```
#e4deee rgb(228,222,238)
```
#eeeaf4
```
#eeeaf4 rgb(238,234,244)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#666567
```
#666567 rgb(102,101,103)
```
#645e6e
```
#645e6e rgb(100,94,110)
```
#635676
```
#635676 rgb(99,86,118)
```
#614e7e
```
#614e7e rgb(97,78,126)
```
#604686
```
#604686 rgb(96,70,134)
```
#5f3e8e
```
#5f3e8e rgb(95,62,142)
```
#5d3696
```
#5d3696 rgb(93,54,150)
```
#5c2e9e
```
#5c2e9e rgb(92,46,158)
```
#5a27a5
```
#5a27a5 rgb(90,39,165)
```
#591fad
```
#591fad rgb(89,31,173)
```
#5717b5
```
#5717b5 rgb(87,23,181)
```
#560fbd
```
#560fbd rgb(86,15,189)
```
#5407c5
```
#5407c5 rgb(84,7,197)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#57525f Atypical Achromatopsia 0.001% of the population

Dichromacy

#405994 Protanopia 1% of men
#435b88 Deuteranopia 1% of men
#5e5a60 Tritanopia 0.001% of the population

Trichromacy

#4b528f Protanomaly 1% of men, 0.01% of women
#4d5387 Deuteranomaly 6% of men, 0.4% of women
#5f526e Tritanomaly 0.01% of the population

#604686 hex color

#604686 Color Information

#604686 Color Conversion

Color Schemes with #604686

Alternatives to #604686

#604686 Preview

Shades and Tints of #604686

Tones of #604686

Color Blindness Simulator