#674877 hex color

In a RGB color space, hex #674877 is composed of 40.4% red, 28.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 39.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 279.6 degrees, a saturation of 24.6% and a lightness of 37.5%. #674877 color hex could be obtained by blending #ce90ee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 40
- G 28
- B 47
RGB color chart
- C 13
- M 39
- Y 0
- K 53
CMYK color chart

● #674877 color description : Mostly desaturated dark violet.

The hexadecimal color #674877 has RGB values of R:103, G:72, B:119 and CMYK values of C:0.13, M:0.39, Y:0, K:0.53. Its decimal value is 6768759.

Hex triplet	674877	`#674877`
RGB Decimal	103, 72, 119	`rgb(103,72,119)`
RGB Percent	40.4, 28.2, 46.7	`rgb(40.4%,28.2%,46.7%)`
CMYK	13, 39, 0, 53
HSL	279.6°, 24.6, 37.5	`hsl(279.6,24.6%,37.5%)`
HSV (or HSB)	279.6°, 39.5, 46.7
Web Safe	663366	`#663366`

CIE-LAB	35.695, 22.601, -21.78
XYZ	11.24, 8.85, 18.568
xyY	0.291, 0.229, 8.85
CIE-LCH	35.695, 31.387, 316.06
CIE-LUV	35.695, 12.669, -32.236
Hunter-Lab	29.75, 15.38, -16.18
Binary	01100111, 01001000, 01110111

#674877
```
#674877 rgb(103,72,119)
```
#587748
```
#587748 rgb(88,119,72)
```

Complementary Color

#504877
```
#504877 rgb(80,72,119)
```
#674877
```
#674877 rgb(103,72,119)
```
#774870
```
#774870 rgb(119,72,112)
```

Analogous Color

#487750
```
#487750 rgb(72,119,80)
```
#674877
```
#674877 rgb(103,72,119)
```
#707748
```
#707748 rgb(112,119,72)
```

Split Complementary Color

#487767
```
#487767 rgb(72,119,103)
```
#674877
```
#674877 rgb(103,72,119)
```
#776748
```
#776748 rgb(119,103,72)
```

Triadic Color

#485877
```
#485877 rgb(72,88,119)
```
#674877
```
#674877 rgb(103,72,119)
```
#776748
```
#776748 rgb(119,103,72)
```
#587748
```
#587748 rgb(88,119,72)
```

Tetradic Color

#3e2b47
```
#3e2b47 rgb(62,43,71)
```
#4b3557
```
#4b3557 rgb(75,53,87)
```
#593e67
```
#593e67 rgb(89,62,103)
```
#674877
```
#674877 rgb(103,72,119)
```
#755287
```
#755287 rgb(117,82,135)
```
#835b97
```
#835b97 rgb(131,91,151)
```
#8f68a4
```
#8f68a4 rgb(143,104,164)
```

Monochromatic Color

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

#5b4877
```
#5b4877 rgb(91,72,119)
```
#5f4877
```
#5f4877 rgb(95,72,119)
```
#634877
```
#634877 rgb(99,72,119)
```
#674877
```
#674877 rgb(103,72,119)
```
#6b4877
```
#6b4877 rgb(107,72,119)
```
#6f4877
```
#6f4877 rgb(111,72,119)
```
#734877
```
#734877 rgb(115,72,119)
```

Similar Colors

Text with hexadecimal color #674877

This text has a font color of #674877.

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

#674877 background color

This paragraph has a background color of #674877.

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

#674877 border color

This element has a border color of #674877.

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

CSS codes

.text {color:#674877;}

.background {background-color:#674877;}

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

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

#080509
```
#080509 rgb(8,5,9)
```
#120d15
```
#120d15 rgb(18,13,21)
```
#1d1421
```
#1d1421 rgb(29,20,33)
```
#281c2e
```
#281c2e rgb(40,28,46)
```
#32233a
```
#32233a rgb(50,35,58)
```
#3d2a46
```
#3d2a46 rgb(61,42,70)
```
#473252
```
#473252 rgb(71,50,82)
```
#52395f
```
#52395f rgb(82,57,95)
```
#5c416b
```
#5c416b rgb(92,65,107)
```
#674877
```
#674877 rgb(103,72,119)
```
#724f83
```
#724f83 rgb(114,79,131)
```
#7c578f
```
#7c578f rgb(124,87,143)
```
#875e9c
```
#875e9c rgb(135,94,156)
```

Shade Color Variation

#9069a4
```
#9069a4 rgb(144,105,164)
```
#9975ac
```
#9975ac rgb(153,117,172)
```
#a282b3
```
#a282b3 rgb(162,130,179)
```
#ab8ebb
```
#ab8ebb rgb(171,142,187)
```
#b49ac2
```
#b49ac2 rgb(180,154,194)
```
#bda6c9
```
#bda6c9 rgb(189,166,201)
```
#c6b2d1
```
#c6b2d1 rgb(198,178,209)
```
#cfbfd8
```
#cfbfd8 rgb(207,191,216)
```
#d8cbdf
```
#d8cbdf rgb(216,203,223)
```
#e2d7e7
```
#e2d7e7 rgb(226,215,231)
```
#ebe3ee
```
#ebe3ee rgb(235,227,238)
```
#f4f0f6
```
#f4f0f6 rgb(244,240,246)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605e61 is the less saturated color, while #7c06b9 is the most saturated one.

#605e61
```
#605e61 rgb(96,94,97)
```
#625768
```
#625768 rgb(98,87,104)
```
#654f70
```
#654f70 rgb(101,79,112)
```
#674877
```
#674877 rgb(103,72,119)
```
#69417e
```
#69417e rgb(105,65,126)
```
#6c3986
```
#6c3986 rgb(108,57,134)
```
#6e328d
```
#6e328d rgb(110,50,141)
```
#702b94
```
#702b94 rgb(112,43,148)
```
#73239c
```
#73239c rgb(115,35,156)
```
#751ca3
```
#751ca3 rgb(117,28,163)
```
#7715aa
```
#7715aa rgb(119,21,170)
```
#7a0db2
```
#7a0db2 rgb(122,13,178)
```
#7c06b9
```
#7c06b9 rgb(124,6,185)
```

Tone Color Variation

Below, you can see how #674877 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
#5a545d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5b85 Protanopia 1% of men
#535b7a Deuteranopia 1% of men
#69585e Tritanopia 0.001% of the population

Trichromacy

#56547f Protanomaly 1% of men, 0.01% of women
#5a5479 Deuteranomaly 6% of men, 0.4% of women
#685267 Tritanomaly 0.01% of the population

#674877 hex color

#674877 Color Information

#674877 Color Conversion

Color Schemes with #674877

Alternatives to #674877

#674877 Preview

Shades and Tints of #674877

Tones of #674877

Color Blindness Simulator