#674fa1 hex color

In a RGB color space, hex #674fa1 is composed of 40.4% red, 31% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 50.9% magenta, 0% yellow and 36.9% black. It has a hue angle of 257.6 degrees, a saturation of 34.2% and a lightness of 47.1%. #674fa1 color hex could be obtained by blending #ce9eff with #000043. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 31
- B 63
RGB color chart
- C 36
- M 51
- Y 0
- K 37
CMYK color chart

● #674fa1 color description : Dark moderate violet.

The hexadecimal color #674fa1 has RGB values of R:103, G:79, B:161 and CMYK values of C:0.36, M:0.51, Y:0, K:0.37. Its decimal value is 6770593.

Hex triplet	674fa1	`#674fa1`
RGB Decimal	103, 79, 161	`rgb(103,79,161)`
RGB Percent	40.4, 31, 63.1	`rgb(40.4%,31%,63.1%)`
CMYK	36, 51, 0, 37
HSL	257.6°, 34.2, 47.1	`hsl(257.6,34.2%,47.1%)`
HSV (or HSB)	257.6°, 50.9, 63.1
Web Safe	666699	`#666699`

CIE-LAB	39.662, 29.201, -41.123
XYZ	14.821, 11.049, 35.068
xyY	0.243, 0.181, 11.049
CIE-LCH	39.662, 50.436, 305.378
CIE-LUV	39.662, 4.965, -62.055
Hunter-Lab	33.24, 21.423, -39.284
Binary	01100111, 01001111, 10100001

#674fa1
```
#674fa1 rgb(103,79,161)
```
#89a14f
```
#89a14f rgb(137,161,79)
```

Complementary Color

#4f60a1
```
#4f60a1 rgb(79,96,161)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#904fa1
```
#904fa1 rgb(144,79,161)
```

Analogous Color

#60a14f
```
#60a14f rgb(96,161,79)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#a1904f
```
#a1904f rgb(161,144,79)
```

Split Complementary Color

#4fa167
```
#4fa167 rgb(79,161,103)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#a1674f
```
#a1674f rgb(161,103,79)
```

Triadic Color

#4f89a1
```
#4f89a1 rgb(79,137,161)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#a1674f
```
#a1674f rgb(161,103,79)
```
#89a14f
```
#89a14f rgb(137,161,79)
```

Tetradic Color

#46366e
```
#46366e rgb(70,54,110)
```
#513e7f
```
#513e7f rgb(81,62,127)
```
#5c4790
```
#5c4790 rgb(92,71,144)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#735baf
```
#735baf rgb(115,91,175)
```
#826cb7
```
#826cb7 rgb(130,108,183)
```
#917dbf
```
#917dbf rgb(145,125,191)
```

Monochromatic Color

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

#534fa1
```
#534fa1 rgb(83,79,161)
```
#594fa1
```
#594fa1 rgb(89,79,161)
```
#604fa1
```
#604fa1 rgb(96,79,161)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#6e4fa1
```
#6e4fa1 rgb(110,79,161)
```
#754fa1
```
#754fa1 rgb(117,79,161)
```
#7c4fa1
```
#7c4fa1 rgb(124,79,161)
```

Similar Colors

Text with hexadecimal color #674fa1

This text has a font color of #674fa1.

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

#674fa1 background color

This paragraph has a background color of #674fa1.

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

#674fa1 border color

This element has a border color of #674fa1.

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

CSS codes

.text {color:#674fa1;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0810
```
#0a0810 rgb(10,8,16)
```
#130e1d
```
#130e1d rgb(19,14,29)
```
#1b152b
```
#1b152b rgb(27,21,43)
```
#241b38
```
#241b38 rgb(36,27,56)
```
#2c2245
```
#2c2245 rgb(44,34,69)
```
#342852
```
#342852 rgb(52,40,82)
```
#3d2f5f
```
#3d2f5f rgb(61,47,95)
```
#45356c
```
#45356c rgb(69,53,108)
```
#4e3c7a
```
#4e3c7a rgb(78,60,122)
```
#564287
```
#564287 rgb(86,66,135)
```
#5f4994
```
#5f4994 rgb(95,73,148)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```

Shade Color Variation

#7057ad
```
#7057ad rgb(112,87,173)
```
#7b64b3
```
#7b64b3 rgb(123,100,179)
```
#8671b9
```
#8671b9 rgb(134,113,185)
```
#927fc0
```
#927fc0 rgb(146,127,192)
```
#9d8cc6
```
#9d8cc6 rgb(157,140,198)
```
#a899cd
```
#a899cd rgb(168,153,205)
```
#b3a6d3
```
#b3a6d3 rgb(179,166,211)
```
#beb3da
```
#beb3da rgb(190,179,218)
```
#cac0e0
```
#cac0e0 rgb(202,192,224)
```
#d5cde7
```
#d5cde7 rgb(213,205,231)
```
#e0dbed
```
#e0dbed rgb(224,219,237)
```
#ebe8f4
```
#ebe8f4 rgb(235,232,244)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76747c is the less saturated color, while #4805eb is the most saturated one.

#76747c
```
#76747c rgb(118,116,124)
```
#726b85
```
#726b85 rgb(114,107,133)
```
#6f618f
```
#6f618f rgb(111,97,143)
```
#6b5898
```
#6b5898 rgb(107,88,152)
```
#674fa1
```
#674fa1 rgb(103,79,161)
```
#6346aa
```
#6346aa rgb(99,70,170)
```
#5f3db3
```
#5f3db3 rgb(95,61,179)
```
#5c33bd
```
#5c33bd rgb(92,51,189)
```
#582ac6
```
#582ac6 rgb(88,42,198)
```
#5421cf
```
#5421cf rgb(84,33,207)
```
#5018d8
```
#5018d8 rgb(80,24,216)
```
#4c0ee2
```
#4c0ee2 rgb(76,14,226)
```
#4805eb
```
#4805eb rgb(72,5,235)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#615d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c63af Protanopia 1% of men
#3b66a0 Deuteranopia 1% of men
#60666d Tritanopia 0.001% of the population

Trichromacy

#4b5baa Protanomaly 1% of men, 0.01% of women
#4b5da0 Deuteranomaly 6% of men, 0.4% of women
#625e80 Tritanomaly 0.01% of the population

#674fa1 hex color

#674fa1 Color Information

#674fa1 Color Conversion

Color Schemes with #674fa1

Alternatives to #674fa1

#674fa1 Preview

Shades and Tints of #674fa1

Tones of #674fa1

Color Blindness Simulator