#674699 hex color

In a RGB color space, hex #674699 is composed of 40.4% red, 27.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 54.2% magenta, 0% yellow and 40% black. It has a hue angle of 263.9 degrees, a saturation of 37.2% and a lightness of 43.7%. #674699 color hex could be obtained by blending #ce8cff with #000033. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 27
- B 60
RGB color chart
- C 33
- M 54
- Y 0
- K 40
CMYK color chart

● #674699 color description : Dark moderate violet.

The hexadecimal color #674699 has RGB values of R:103, G:70, B:153 and CMYK values of C:0.33, M:0.54, Y:0, K:0.4. Its decimal value is 6768281.

Hex triplet	674699	`#674699`
RGB Decimal	103, 70, 153	`rgb(103,70,153)`
RGB Percent	40.4, 27.5, 60	`rgb(40.4%,27.5%,60%)`
CMYK	33, 54, 0, 40
HSL	263.9°, 37.2, 43.7	`hsl(263.9,37.2%,43.7%)`
HSV (or HSB)	263.9°, 54.2, 60
Web Safe	663399	`#663399`

CIE-LAB	37.048, 32.431, -40.489
XYZ	13.532, 9.564, 31.268
xyY	0.249, 0.176, 9.564
CIE-LCH	37.048, 51.876, 308.694
CIE-LUV	37.048, 8.666, -60.265
Hunter-Lab	30.925, 23.989, -38.3
Binary	01100111, 01000110, 10011001

#674699
```
#674699 rgb(103,70,153)
```
#789946
```
#789946 rgb(120,153,70)
```

Complementary Color

#464f99
```
#464f99 rgb(70,79,153)
```
#674699
```
#674699 rgb(103,70,153)
```
#914699
```
#914699 rgb(145,70,153)
```

Analogous Color

#4f9946
```
#4f9946 rgb(79,153,70)
```
#674699
```
#674699 rgb(103,70,153)
```
#999146
```
#999146 rgb(153,145,70)
```

Split Complementary Color

#469967
```
#469967 rgb(70,153,103)
```
#674699
```
#674699 rgb(103,70,153)
```
#996746
```
#996746 rgb(153,103,70)
```

Triadic Color

#467899
```
#467899 rgb(70,120,153)
```
#674699
```
#674699 rgb(103,70,153)
```
#996746
```
#996746 rgb(153,103,70)
```
#789946
```
#789946 rgb(120,153,70)
```

Tetradic Color

#442e65
```
#442e65 rgb(68,46,101)
```
#4f3676
```
#4f3676 rgb(79,54,118)
```
#5b3e88
```
#5b3e88 rgb(91,62,136)
```
#674699
```
#674699 rgb(103,70,153)
```
#734eaa
```
#734eaa rgb(115,78,170)
```
#805db5
```
#805db5 rgb(128,93,181)
```
#8e6fbd
```
#8e6fbd rgb(142,111,189)
```

Monochromatic Color

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

#524699
```
#524699 rgb(82,70,153)
```
#594699
```
#594699 rgb(89,70,153)
```
#604699
```
#604699 rgb(96,70,153)
```
#674699
```
#674699 rgb(103,70,153)
```
#6e4699
```
#6e4699 rgb(110,70,153)
```
#754699
```
#754699 rgb(117,70,153)
```
#7c4699
```
#7c4699 rgb(124,70,153)
```

Similar Colors

Text with hexadecimal color #674699

This text has a font color of #674699.

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

#674699 background color

This paragraph has a background color of #674699.

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

#674699 border color

This element has a border color of #674699.

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

CSS codes

.text {color:#674699;}

.background {background-color:#674699;}

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

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 #f8f7fb is the lightest one.

#030205
```
#030205 rgb(3,2,5)
```
#0c0812
```
#0c0812 rgb(12,8,18)
```
#150f20
```
#150f20 rgb(21,15,32)
```
#1f152d
```
#1f152d rgb(31,21,45)
```
#281b3b
```
#281b3b rgb(40,27,59)
```
#312148
```
#312148 rgb(49,33,72)
```
#3a2756
```
#3a2756 rgb(58,39,86)
```
#432d63
```
#432d63 rgb(67,45,99)
```
#4c3471
```
#4c3471 rgb(76,52,113)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#5e408c
```
#5e408c rgb(94,64,140)
```
#674699
```
#674699 rgb(103,70,153)
```
#704ca6
```
#704ca6 rgb(112,76,166)
```

Shade Color Variation

#7a55b1
```
#7a55b1 rgb(122,85,177)
```
#8462b7
```
#8462b7 rgb(132,98,183)
```
#8f70be
```
#8f70be rgb(143,112,190)
```
#997dc4
```
#997dc4 rgb(153,125,196)
```
#a48bca
```
#a48bca rgb(164,139,202)
```
#ae98d0
```
#ae98d0 rgb(174,152,208)
```
#b9a6d6
```
#b9a6d6 rgb(185,166,214)
```
#c4b3dc
```
#c4b3dc rgb(196,179,220)
```
#cec1e2
```
#cec1e2 rgb(206,193,226)
```
#d9cee9
```
#d9cee9 rgb(217,206,233)
```
#e3dcef
```
#e3dcef rgb(227,220,239)
```
#eee9f5
```
#eee9f5 rgb(238,233,245)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#6e6877
```
#6e6877 rgb(110,104,119)
```
#6c607f
```
#6c607f rgb(108,96,127)
```
#6b5788
```
#6b5788 rgb(107,87,136)
```
#694f90
```
#694f90 rgb(105,79,144)
```
#674699
```
#674699 rgb(103,70,153)
```
#653da2
```
#653da2 rgb(101,61,162)
```
#6335aa
```
#6335aa rgb(99,53,170)
```
#622cb3
```
#622cb3 rgb(98,44,179)
```
#6024bb
```
#6024bb rgb(96,36,187)
```
#5e1bc4
```
#5e1bc4 rgb(94,27,196)
```
#5c13cc
```
#5c13cc rgb(92,19,204)
```
#5b0ad5
```
#5b0ad5 rgb(91,10,213)
```
#5901de
```
#5901de rgb(89,1,222)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5c5566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#315da9 Protanopia 1% of men
#366098 Deuteranopia 1% of men
#615e65 Tritanopia 0.001% of the population

Trichromacy

#4554a3 Protanomaly 1% of men, 0.01% of women
#485698 Deuteranomaly 6% of men, 0.4% of women
#635578 Tritanomaly 0.01% of the population

#674699 hex color

#674699 Color Information

#674699 Color Conversion

Color Schemes with #674699

Alternatives to #674699

#674699 Preview

Shades and Tints of #674699

Tones of #674699

Color Blindness Simulator