#674586 hex color

In a RGB color space, hex #674586 is composed of 40.4% red, 27.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 48.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 271.4 degrees, a saturation of 32% and a lightness of 39.8%. #674586 color hex could be obtained by blending #ce8aff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 27
- B 53
RGB color chart
- C 23
- M 49
- Y 0
- K 47
CMYK color chart

● #674586 color description : Dark moderate violet.

The hexadecimal color #674586 has RGB values of R:103, G:69, B:134 and CMYK values of C:0.23, M:0.49, Y:0, K:0.47. Its decimal value is 6768006.

Hex triplet	674586	`#674586`
RGB Decimal	103, 69, 134	`rgb(103,69,134)`
RGB Percent	40.4, 27.1, 52.5	`rgb(40.4%,27.1%,52.5%)`
CMYK	23, 49, 0, 47
HSL	271.4°, 32, 39.8	`hsl(271.4,32%,39.8%)`
HSV (or HSB)	271.4°, 48.5, 52.5
Web Safe	663399	`#663399`

CIE-LAB	35.716, 28.088, -31.024
XYZ	12.024, 8.861, 23.63
xyY	0.27, 0.199, 8.861
CIE-LCH	35.716, 41.85, 312.157
CIE-LUV	35.716, 11.608, -45.888
Hunter-Lab	29.768, 20.008, -26.227
Binary	01100111, 01000101, 10000110

#674586
```
#674586 rgb(103,69,134)
```
#648645
```
#648645 rgb(100,134,69)
```

Complementary Color

#474586
```
#474586 rgb(71,69,134)
```
#674586
```
#674586 rgb(103,69,134)
```
#864585
```
#864585 rgb(134,69,133)
```

Analogous Color

#458647
```
#458647 rgb(69,134,71)
```
#674586
```
#674586 rgb(103,69,134)
```
#858645
```
#858645 rgb(133,134,69)
```

Split Complementary Color

#458667
```
#458667 rgb(69,134,103)
```
#674586
```
#674586 rgb(103,69,134)
```
#866745
```
#866745 rgb(134,103,69)
```

Triadic Color

#456486
```
#456486 rgb(69,100,134)
```
#674586
```
#674586 rgb(103,69,134)
```
#866745
```
#866745 rgb(134,103,69)
```
#648645
```
#648645 rgb(100,134,69)
```

Tetradic Color

#402b54
```
#402b54 rgb(64,43,84)
```
#4d3464
```
#4d3464 rgb(77,52,100)
```
#5a3c75
```
#5a3c75 rgb(90,60,117)
```
#674586
```
#674586 rgb(103,69,134)
```
#744e97
```
#744e97 rgb(116,78,151)
```
#8156a8
```
#8156a8 rgb(129,86,168)
```
#8d67b1
```
#8d67b1 rgb(141,103,177)
```

Monochromatic Color

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

#574586
```
#574586 rgb(87,69,134)
```
#5c4586
```
#5c4586 rgb(92,69,134)
```
#624586
```
#624586 rgb(98,69,134)
```
#674586
```
#674586 rgb(103,69,134)
```
#6c4586
```
#6c4586 rgb(108,69,134)
```
#724586
```
#724586 rgb(114,69,134)
```
#774586
```
#774586 rgb(119,69,134)
```

Similar Colors

Text with hexadecimal color #674586

This text has a font color of #674586.

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

#674586 background color

This paragraph has a background color of #674586.

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

#674586 border color

This element has a border color of #674586.

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

CSS codes

.text {color:#674586;}

.background {background-color:#674586;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0d0911
```
#0d0911 rgb(13,9,17)
```
#17101e
```
#17101e rgb(23,16,30)
```
#21162b
```
#21162b rgb(33,22,43)
```
#2b1d38
```
#2b1d38 rgb(43,29,56)
```
#352445
```
#352445 rgb(53,36,69)
```
#3f2a52
```
#3f2a52 rgb(63,42,82)
```
#49315f
```
#49315f rgb(73,49,95)
```
#53386c
```
#53386c rgb(83,56,108)
```
#5d3e79
```
#5d3e79 rgb(93,62,121)
```
#674586
```
#674586 rgb(103,69,134)
```
#714c93
```
#714c93 rgb(113,76,147)
```
#7b52a0
```
#7b52a0 rgb(123,82,160)
```

Shade Color Variation

#855bab
```
#855bab rgb(133,91,171)
```
#8e68b1
```
#8e68b1 rgb(142,104,177)
```
#9875b8
```
#9875b8 rgb(152,117,184)
```
#a282bf
```
#a282bf rgb(162,130,191)
```
#ab8fc5
```
#ab8fc5 rgb(171,143,197)
```
#b59ccc
```
#b59ccc rgb(181,156,204)
```
#bfa9d3
```
#bfa9d3 rgb(191,169,211)
```
#c8b6d9
```
#c8b6d9 rgb(200,182,217)
```
#d2c3e0
```
#d2c3e0 rgb(210,195,224)
```
#dcd0e7
```
#dcd0e7 rgb(220,208,231)
```
#e5dded
```
#e5dded rgb(229,221,237)
```
#efeaf4
```
#efeaf4 rgb(239,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, #666467 is the less saturated color, while #6a07c4 is the most saturated one.

#666467
```
#666467 rgb(102,100,103)
```
#665c6f
```
#665c6f rgb(102,92,111)
```
#665576
```
#665576 rgb(102,85,118)
```
#674d7e
```
#674d7e rgb(103,77,126)
```
#674586
```
#674586 rgb(103,69,134)
```
#673d8e
```
#673d8e rgb(103,61,142)
```
#683596
```
#683596 rgb(104,53,150)
```
#682e9d
```
#682e9d rgb(104,46,157)
```
#6826a5
```
#6826a5 rgb(104,38,165)
```
#691ead
```
#691ead rgb(105,30,173)
```
#6916b5
```
#6916b5 rgb(105,22,181)
```
#6a0ebd
```
#6a0ebd rgb(106,14,189)
```
#6a07c4
```
#6a07c4 rgb(106,7,196)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a5360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415a95 Protanopia 1% of men
#465c87 Deuteranopia 1% of men
#65595f Tritanopia 0.001% of the population

Trichromacy

#4f5290 Protanomaly 1% of men, 0.01% of women
#525486 Deuteranomaly 6% of men, 0.4% of women
#66526d Tritanomaly 0.01% of the population

#674586 hex color

#674586 Color Information

#674586 Color Conversion

Color Schemes with #674586

Alternatives to #674586

#674586 Preview

Shades and Tints of #674586

Tones of #674586

Color Blindness Simulator