#674d9a hex color

In a RGB color space, hex #674d9a is composed of 40.4% red, 30.2% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 50% magenta, 0% yellow and 39.6% black. It has a hue angle of 260.3 degrees, a saturation of 33.3% and a lightness of 45.3%. #674d9a color hex could be obtained by blending #ce9aff with #000035. Closest websafe color is: #666699.

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

● #674d9a color description : Dark moderate violet.

The hexadecimal color #674d9a has RGB values of R:103, G:77, B:154 and CMYK values of C:0.33, M:0.5, Y:0, K:0.4. Its decimal value is 6770074.

Hex triplet	674d9a	`#674d9a`
RGB Decimal	103, 77, 154	`rgb(103,77,154)`
RGB Percent	40.4, 30.2, 60.4	`rgb(40.4%,30.2%,60.4%)`
CMYK	33, 50, 0, 40
HSL	260.3°, 33.3, 45.3	`hsl(260.3,33.3%,45.3%)`
HSV (or HSB)	260.3°, 50, 60.4
Web Safe	666699	`#666699`

CIE-LAB	38.768, 28.488, -38.35
XYZ	14.079, 10.524, 31.86
xyY	0.249, 0.186, 10.524
CIE-LCH	38.768, 47.774, 306.606
CIE-LUV	38.768, 6.386, -57.593
Hunter-Lab	32.441, 20.694, -35.518
Binary	01100111, 01001101, 10011010

#674d9a
```
#674d9a rgb(103,77,154)
```
#809a4d
```
#809a4d rgb(128,154,77)
```

Complementary Color

#4d5a9a
```
#4d5a9a rgb(77,90,154)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#8e4d9a
```
#8e4d9a rgb(142,77,154)
```

Analogous Color

#5a9a4d
```
#5a9a4d rgb(90,154,77)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#9a8e4d
```
#9a8e4d rgb(154,142,77)
```

Split Complementary Color

#4d9a67
```
#4d9a67 rgb(77,154,103)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#9a674d
```
#9a674d rgb(154,103,77)
```

Triadic Color

#4d809a
```
#4d809a rgb(77,128,154)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#9a674d
```
#9a674d rgb(154,103,77)
```
#809a4d
```
#809a4d rgb(128,154,77)
```

Tetradic Color

#453467
```
#453467 rgb(69,52,103)
```
#503c78
```
#503c78 rgb(80,60,120)
```
#5c4589
```
#5c4589 rgb(92,69,137)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#7356ab
```
#7356ab rgb(115,86,171)
```
#8167b3
```
#8167b3 rgb(129,103,179)
```
#8f78bc
```
#8f78bc rgb(143,120,188)
```

Monochromatic Color

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

#544d9a
```
#544d9a rgb(84,77,154)
```
#5a4d9a
```
#5a4d9a rgb(90,77,154)
```
#614d9a
```
#614d9a rgb(97,77,154)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#6d4d9a
```
#6d4d9a rgb(109,77,154)
```
#744d9a
```
#744d9a rgb(116,77,154)
```
#7a4d9a
```
#7a4d9a rgb(122,77,154)
```

Similar Colors

Text with hexadecimal color #674d9a

This text has a font color of #674d9a.

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

#674d9a background color

This paragraph has a background color of #674d9a.

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

#674d9a border color

This element has a border color of #674d9a.

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

CSS codes

.text {color:#674d9a;}

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

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

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, #07050a is the darkest color, while #fdfcfe is the lightest one.

#07050a
```
#07050a rgb(7,5,10)
```
#100c17
```
#100c17 rgb(16,12,23)
```
#181224
```
#181224 rgb(24,18,36)
```
#211931
```
#211931 rgb(33,25,49)
```
#2a1f3e
```
#2a1f3e rgb(42,31,62)
```
#33264c
```
#33264c rgb(51,38,76)
```
#3b2c59
```
#3b2c59 rgb(59,44,89)
```
#443366
```
#443366 rgb(68,51,102)
```
#4d3973
```
#4d3973 rgb(77,57,115)
```
#564080
```
#564080 rgb(86,64,128)
```
#5e468d
```
#5e468d rgb(94,70,141)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#7054a7
```
#7054a7 rgb(112,84,167)
```

Shade Color Variation

#7a5faf
```
#7a5faf rgb(122,95,175)
```
#856cb6
```
#856cb6 rgb(133,108,182)
```
#9079bc
```
#9079bc rgb(144,121,188)
```
#9b86c3
```
#9b86c3 rgb(155,134,195)
```
#a693c9
```
#a693c9 rgb(166,147,201)
```
#b0a1d0
```
#b0a1d0 rgb(176,161,208)
```
#bbaed6
```
#bbaed6 rgb(187,174,214)
```
#c6bbdd
```
#c6bbdd rgb(198,187,221)
```
#d1c8e3
```
#d1c8e3 rgb(209,200,227)
```
#dcd5ea
```
#dcd5ea rgb(220,213,234)
```
#e7e2f0
```
#e7e2f0 rgb(231,226,240)
```
#f2eff7
```
#f2eff7 rgb(242,239,247)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#737176
```
#737176 rgb(115,113,118)
```
#70687f
```
#70687f rgb(112,104,127)
```
#6d5f88
```
#6d5f88 rgb(109,95,136)
```
#6a5691
```
#6a5691 rgb(106,86,145)
```
#674d9a
```
#674d9a rgb(103,77,154)
```
#6444a3
```
#6444a3 rgb(100,68,163)
```
#613bac
```
#613bac rgb(97,59,172)
```
#5e32b5
```
#5e32b5 rgb(94,50,181)
```
#5b29be
```
#5b29be rgb(91,41,190)
```
#5921c6
```
#5921c6 rgb(89,33,198)
```
#5618cf
```
#5618cf rgb(86,24,207)
```
#530fd8
```
#530fd8 rgb(83,15,216)
```
#5006e1
```
#5006e1 rgb(80,6,225)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#605b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e61a8 Protanopia 1% of men
#40649a Deuteranopia 1% of men
#61636a Tritanopia 0.001% of the population

Trichromacy

#4d5aa3 Protanomaly 1% of men, 0.01% of women
#4e5b9a Deuteranomaly 6% of men, 0.4% of women
#635b7b Tritanomaly 0.01% of the population

#674d9a hex color

#674d9a Color Information

#674d9a Color Conversion

Color Schemes with #674d9a

Alternatives to #674d9a

#674d9a Preview

Shades and Tints of #674d9a

Tones of #674d9a

Color Blindness Simulator