#674d8e hex color

In a RGB color space, hex #674d8e is composed of 40.4% red, 30.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 45.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 264 degrees, a saturation of 29.7% and a lightness of 42.9%. #674d8e color hex could be obtained by blending #ce9aff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 30
- B 56
RGB color chart
- C 27
- M 46
- Y 0
- K 44
CMYK color chart

● #674d8e color description : Dark moderate violet.

The hexadecimal color #674d8e has RGB values of R:103, G:77, B:142 and CMYK values of C:0.27, M:0.46, Y:0, K:0.44. Its decimal value is 6770062.

Hex triplet	674d8e	`#674d8e`
RGB Decimal	103, 77, 142	`rgb(103,77,142)`
RGB Percent	40.4, 30.2, 55.7	`rgb(40.4%,30.2%,55.7%)`
CMYK	27, 46, 0, 44
HSL	264°, 29.7, 42.9	`hsl(264,29.7%,42.9%)`
HSV (or HSB)	264°, 45.8, 55.7
Web Safe	666699	`#666699`

CIE-LAB	38.1, 25.274, -32.151
XYZ	13.129, 10.144, 26.856
xyY	0.262, 0.202, 10.144
CIE-LCH	38.1, 40.895, 308.172
CIE-LUV	38.1, 7.806, -48.041
Hunter-Lab	31.85, 17.842, -27.698
Binary	01100111, 01001101, 10001110

#674d8e
```
#674d8e rgb(103,77,142)
```
#748e4d
```
#748e4d rgb(116,142,77)
```

Complementary Color

#4d548e
```
#4d548e rgb(77,84,142)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#884d8e
```
#884d8e rgb(136,77,142)
```

Analogous Color

#548e4d
```
#548e4d rgb(84,142,77)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#8e884d
```
#8e884d rgb(142,136,77)
```

Split Complementary Color

#4d8e67
```
#4d8e67 rgb(77,142,103)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#8e674d
```
#8e674d rgb(142,103,77)
```

Triadic Color

#4d748e
```
#4d748e rgb(77,116,142)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#8e674d
```
#8e674d rgb(142,103,77)
```
#748e4d
```
#748e4d rgb(116,142,77)
```

Tetradic Color

#43325c
```
#43325c rgb(67,50,92)
```
#4f3b6d
```
#4f3b6d rgb(79,59,109)
```
#5b447d
```
#5b447d rgb(91,68,125)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#73569f
```
#73569f rgb(115,86,159)
```
#8063ab
```
#8063ab rgb(128,99,171)
```
#8d74b4
```
#8d74b4 rgb(141,116,180)
```

Monochromatic Color

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

#574d8e
```
#574d8e rgb(87,77,142)
```
#5c4d8e
```
#5c4d8e rgb(92,77,142)
```
#624d8e
```
#624d8e rgb(98,77,142)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#6c4d8e
```
#6c4d8e rgb(108,77,142)
```
#724d8e
```
#724d8e rgb(114,77,142)
```
#774d8e
```
#774d8e rgb(119,77,142)
```

Similar Colors

Text with hexadecimal color #674d8e

This text has a font color of #674d8e.

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

#674d8e background color

This paragraph has a background color of #674d8e.

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

#674d8e border color

This element has a border color of #674d8e.

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

CSS codes

.text {color:#674d8e;}

.background {background-color:#674d8e;}

.border {border:1px solid #674d8e;}

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

#020102
```
#020102 rgb(2,1,2)
```
#0b080f
```
#0b080f rgb(11,8,15)
```
#140f1c
```
#140f1c rgb(20,15,28)
```
#1d1628
```
#1d1628 rgb(29,22,40)
```
#261d35
```
#261d35 rgb(38,29,53)
```
#302442
```
#302442 rgb(48,36,66)
```
#392b4e
```
#392b4e rgb(57,43,78)
```
#42315b
```
#42315b rgb(66,49,91)
```
#4b3868
```
#4b3868 rgb(75,56,104)
```
#553f75
```
#553f75 rgb(85,63,117)
```
#5e4681
```
#5e4681 rgb(94,70,129)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#70549b
```
#70549b rgb(112,84,155)
```

Shade Color Variation

#7a5ca6
```
#7a5ca6 rgb(122,92,166)
```
#8468ad
```
#8468ad rgb(132,104,173)
```
#8e75b4
```
#8e75b4 rgb(142,117,180)
```
#9982bb
```
#9982bb rgb(153,130,187)
```
#a38fc2
```
#a38fc2 rgb(163,143,194)
```
#ae9bc9
```
#ae9bc9 rgb(174,155,201)
```
#b8a8d0
```
#b8a8d0 rgb(184,168,208)
```
#c2b5d7
```
#c2b5d7 rgb(194,181,215)
```
#cdc2de
```
#cdc2de rgb(205,194,222)
```
#d7cee5
```
#d7cee5 rgb(215,206,229)
```
#e2dbeb
```
#e2dbeb rgb(226,219,235)
```
#ece8f2
```
#ece8f2 rgb(236,232,242)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6675 is the less saturated color, while #5801da is the most saturated one.

#6c6675
```
#6c6675 rgb(108,102,117)
```
#6a5e7d
```
#6a5e7d rgb(106,94,125)
```
#695586
```
#695586 rgb(105,85,134)
```
#674d8e
```
#674d8e rgb(103,77,142)
```
#654596
```
#654596 rgb(101,69,150)
```
#643c9f
```
#643c9f rgb(100,60,159)
```
#6234a7
```
#6234a7 rgb(98,52,167)
```
#602bb0
```
#602bb0 rgb(96,43,176)
```
#5f23b8
```
#5f23b8 rgb(95,35,184)
```
#5d1ac1
```
#5d1ac1 rgb(93,26,193)
```
#5b12c9
```
#5b12c9 rgb(91,18,201)
```
#5a0ad1
```
#5a0ad1 rgb(90,10,209)
```
#5801da
```
#5801da rgb(88,1,218)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5e5966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#47609b Protanopia 1% of men
#4a628f Deuteranopia 1% of men
#656067 Tritanopia 0.001% of the population

Trichromacy

#535996 Protanomaly 1% of men, 0.01% of women
#545a8f Deuteranomaly 6% of men, 0.4% of women
#655975 Tritanomaly 0.01% of the population

#674d8e hex color

#674d8e Color Information

#674d8e Color Conversion

Color Schemes with #674d8e

Alternatives to #674d8e

#674d8e Preview

Shades and Tints of #674d8e

Tones of #674d8e

Color Blindness Simulator