#674ea5 hex color

In a RGB color space, hex #674ea5 is composed of 40.4% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 257.2 degrees, a saturation of 35.8% and a lightness of 47.6%. #674ea5 color hex could be obtained by blending #ce9cff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 31
- B 65
RGB color chart
- C 38
- M 53
- Y 0
- K 35
CMYK color chart

● #674ea5 color description : Dark moderate violet.

The hexadecimal color #674ea5 has RGB values of R:103, G:78, B:165 and CMYK values of C:0.38, M:0.53, Y:0, K:0.35. Its decimal value is 6770341.

Hex triplet	674ea5	`#674ea5`
RGB Decimal	103, 78, 165	`rgb(103,78,165)`
RGB Percent	40.4, 30.6, 64.7	`rgb(40.4%,30.6%,64.7%)`
CMYK	38, 53, 0, 35
HSL	257.2°, 35.8, 47.6	`hsl(257.2,35.8%,47.6%)`
HSV (or HSB)	257.2°, 52.7, 64.7
Web Safe	666699	`#666699`

CIE-LAB	39.663, 30.925, -43.509
XYZ	15.108, 11.049, 36.932
xyY	0.239, 0.175, 11.049
CIE-LCH	39.663, 53.38, 305.404
CIE-LUV	39.663, 4.837, -65.671
Hunter-Lab	33.24, 22.963, -42.608
Binary	01100111, 01001110, 10100101

#674ea5
```
#674ea5 rgb(103,78,165)
```
#8ca54e
```
#8ca54e rgb(140,165,78)
```

Complementary Color

#4e61a5
```
#4e61a5 rgb(78,97,165)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#934ea5
```
#934ea5 rgb(147,78,165)
```

Analogous Color

#61a54e
```
#61a54e rgb(97,165,78)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#a5934e
```
#a5934e rgb(165,147,78)
```

Split Complementary Color

#4ea567
```
#4ea567 rgb(78,165,103)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#a5674e
```
#a5674e rgb(165,103,78)
```

Triadic Color

#4e8ca5
```
#4e8ca5 rgb(78,140,165)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#a5674e
```
#a5674e rgb(165,103,78)
```
#8ca54e
```
#8ca54e rgb(140,165,78)
```

Tetradic Color

#473571
```
#473571 rgb(71,53,113)
```
#513e82
```
#513e82 rgb(81,62,130)
```
#5c4694
```
#5c4694 rgb(92,70,148)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#745bb1
```
#745bb1 rgb(116,91,177)
```
#836cba
```
#836cba rgb(131,108,186)
```
#917ec2
```
#917ec2 rgb(145,126,194)
```

Monochromatic Color

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

#514ea5
```
#514ea5 rgb(81,78,165)
```
#594ea5
```
#594ea5 rgb(89,78,165)
```
#604ea5
```
#604ea5 rgb(96,78,165)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#6e4ea5
```
#6e4ea5 rgb(110,78,165)
```
#764ea5
```
#764ea5 rgb(118,78,165)
```
#7d4ea5
```
#7d4ea5 rgb(125,78,165)
```

Similar Colors

Text with hexadecimal color #674ea5

This text has a font color of #674ea5.

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

#674ea5 background color

This paragraph has a background color of #674ea5.

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

#674ea5 border color

This element has a border color of #674ea5.

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

CSS codes

.text {color:#674ea5;}

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

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

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)
```
#0c0912
```
#0c0912 rgb(12,9,18)
```
#140f20
```
#140f20 rgb(20,15,32)
```
#1c152d
```
#1c152d rgb(28,21,45)
```
#241c3a
```
#241c3a rgb(36,28,58)
```
#2d2248
```
#2d2248 rgb(45,34,72)
```
#352855
```
#352855 rgb(53,40,85)
```
#3d2f62
```
#3d2f62 rgb(61,47,98)
```
#463570
```
#463570 rgb(70,53,112)
```
#4e3b7d
```
#4e3b7d rgb(78,59,125)
```
#56418a
```
#56418a rgb(86,65,138)
```
#5f4898
```
#5f4898 rgb(95,72,152)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```

Shade Color Variation

#7057b0
```
#7057b0 rgb(112,87,176)
```
#7c64b6
```
#7c64b6 rgb(124,100,182)
```
#8772bc
```
#8772bc rgb(135,114,188)
```
#927fc2
```
#927fc2 rgb(146,127,194)
```
#9e8cc9
```
#9e8cc9 rgb(158,140,201)
```
#a99acf
```
#a99acf rgb(169,154,207)
```
#b4a7d5
```
#b4a7d5 rgb(180,167,213)
```
#c0b4dc
```
#c0b4dc rgb(192,180,220)
```
#cbc2e2
```
#cbc2e2 rgb(203,194,226)
```
#d6cfe8
```
#d6cfe8 rgb(214,207,232)
```
#e1dcef
```
#e1dcef rgb(225,220,239)
```
#edeaf5
```
#edeaf5 rgb(237,234,245)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#777380
```
#777380 rgb(119,115,128)
```
#736a89
```
#736a89 rgb(115,106,137)
```
#6f6192
```
#6f6192 rgb(111,97,146)
```
#6b579c
```
#6b579c rgb(107,87,156)
```
#674ea5
```
#674ea5 rgb(103,78,165)
```
#6345ae
```
#6345ae rgb(99,69,174)
```
#5f3bb8
```
#5f3bb8 rgb(95,59,184)
```
#5b32c1
```
#5b32c1 rgb(91,50,193)
```
#5729ca
```
#5729ca rgb(87,41,202)
```
#531fd4
```
#531fd4 rgb(83,31,212)
```
#4f16dd
```
#4f16dd rgb(79,22,221)
```
#4b0de6
```
#4b0de6 rgb(75,13,230)
```
#4703f0
```
#4703f0 rgb(71,3,240)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#615c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3563b3 Protanopia 1% of men
#3466a3 Deuteranopia 1% of men
#5e666e Tritanopia 0.001% of the population

Trichromacy

#475bae Protanomaly 1% of men, 0.01% of women
#475da4 Deuteranomaly 6% of men, 0.4% of women
#615d82 Tritanomaly 0.01% of the population

#674ea5 hex color

#674ea5 Color Information

#674ea5 Color Conversion

Color Schemes with #674ea5

Alternatives to #674ea5

#674ea5 Preview

Shades and Tints of #674ea5

Tones of #674ea5

Color Blindness Simulator