colorhexa.com

#674c96 hex color

In a RGB color space, hex #674c96 is composed of 40.4% red, 29.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 49.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 261.9 degrees, a saturation of 32.7% and a lightness of 44.3%. #674c96 color hex could be obtained by blending #ce98ff with #00002d. Closest websafe color is: #663399.

- R 40
- G 30
- B 59
RGB color chart
- C 31
- M 49
- Y 0
- K 41
CMYK color chart

● #674c96 color description : Dark moderate violet.

The hexadecimal color #674c96 has RGB values of R:103, G:76, B:150 and CMYK values of C:0.31, M:0.49, Y:0, K:0.41. Its decimal value is 6769814.

Hex triplet	674c96	`#674c96`
RGB Decimal	103, 76, 150	`rgb(103,76,150)`
RGB Percent	40.4, 29.8, 58.8	`rgb(40.4%,29.8%,58.8%)`
CMYK	31, 49, 0, 41
HSL	261.9°, 32.7, 44.3	`hsl(261.9,32.7%,44.3%)`
HSV (or HSB)	261.9°, 49.3, 58.8
Web Safe	663399	`#663399`

CIE-LAB	38.295, 28.012, -36.69
XYZ	13.682, 10.254, 30.111
xyY	0.253, 0.19, 10.254
CIE-LCH	38.295, 46.161, 307.362
CIE-LUV	38.295, 7.18, -54.956
Hunter-Lab	32.023, 20.227, -33.335
Binary	01100111, 01001100, 10010110

#674c96
```
#674c96 rgb(103,76,150)
```
#7b964c
```
#7b964c rgb(123,150,76)
```

Complementary Color

#4c5696
```
#4c5696 rgb(76,86,150)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#8c4c96
```
#8c4c96 rgb(140,76,150)
```

Analogous Color

#56964c
```
#56964c rgb(86,150,76)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#968c4c
```
#968c4c rgb(150,140,76)
```

Split Complementary Color

#4c9667
```
#4c9667 rgb(76,150,103)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#96674c
```
#96674c rgb(150,103,76)
```

Triadic Color

#4c7b96
```
#4c7b96 rgb(76,123,150)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#96674c
```
#96674c rgb(150,103,76)
```
#7b964c
```
#7b964c rgb(123,150,76)
```

Tetradic Color

#443263
```
#443263 rgb(68,50,99)
```
#503b74
```
#503b74 rgb(80,59,116)
```
#5b4385
```
#5b4385 rgb(91,67,133)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#7355a7
```
#7355a7 rgb(115,85,167)
```
#8064b1
```
#8064b1 rgb(128,100,177)
```
#8e75b9
```
#8e75b9 rgb(142,117,185)
```

Monochromatic Color

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

#554c96
```
#554c96 rgb(85,76,150)
```
#5b4c96
```
#5b4c96 rgb(91,76,150)
```
#614c96
```
#614c96 rgb(97,76,150)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#6d4c96
```
#6d4c96 rgb(109,76,150)
```
#734c96
```
#734c96 rgb(115,76,150)
```
#7a4c96
```
#7a4c96 rgb(122,76,150)
```

Similar Colors

Text with hexadecimal color #674c96

This text has a font color of #674c96.

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

#674c96 background color

This paragraph has a background color of #674c96.

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

#674c96 border color

This element has a border color of #674c96.

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

CSS codes

.text {color:#674c96;}

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

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

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

#050307
```
#050307 rgb(5,3,7)
```
#0e0a14
```
#0e0a14 rgb(14,10,20)
```
#171121
```
#171121 rgb(23,17,33)
```
#1f172e
```
#1f172e rgb(31,23,46)
```
#281e3b
```
#281e3b rgb(40,30,59)
```
#312448
```
#312448 rgb(49,36,72)
```
#3a2b55
```
#3a2b55 rgb(58,43,85)
```
#433262
```
#433262 rgb(67,50,98)
```
#4c386f
```
#4c386f rgb(76,56,111)
```
#553f7c
```
#553f7c rgb(85,63,124)
```
#5e4589
```
#5e4589 rgb(94,69,137)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#7053a3
```
#7053a3 rgb(112,83,163)
```

Shade Color Variation

#7a5dad
```
#7a5dad rgb(122,93,173)
```
#846ab3
```
#846ab3 rgb(132,106,179)
```
#8f77ba
```
#8f77ba rgb(143,119,186)
```
#9a84c0
```
#9a84c0 rgb(154,132,192)
```
#a491c7
```
#a491c7 rgb(164,145,199)
```
#af9ece
```
#af9ece rgb(175,158,206)
```
#baabd4
```
#baabd4 rgb(186,171,212)
```
#c5b8db
```
#c5b8db rgb(197,184,219)
```
#cfc5e1
```
#cfc5e1 rgb(207,197,225)
```
#dad2e8
```
#dad2e8 rgb(218,210,232)
```
#e5dfef
```
#e5dfef rgb(229,223,239)
```
#efecf5
```
#efecf5 rgb(239,236,245)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706f73 is the less saturated color, while #5406dc is the most saturated one.

#706f73
```
#706f73 rgb(112,111,115)
```
#6e667c
```
#6e667c rgb(110,102,124)
```
#6c5d85
```
#6c5d85 rgb(108,93,133)
```
#69558d
```
#69558d rgb(105,85,141)
```
#674c96
```
#674c96 rgb(103,76,150)
```
#65439f
```
#65439f rgb(101,67,159)
```
#623ba7
```
#623ba7 rgb(98,59,167)
```
#6032b0
```
#6032b0 rgb(96,50,176)
```
#5e29b9
```
#5e29b9 rgb(94,41,185)
```
#5b21c1
```
#5b21c1 rgb(91,33,193)
```
#5918ca
```
#5918ca rgb(89,24,202)
```
#570fd3
```
#570fd3 rgb(87,15,211)
```
#5406dc
```
#5406dc rgb(84,6,220)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5f5a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4060a4 Protanopia 1% of men
#426296 Deuteranopia 1% of men
#626269 Tritanopia 0.001% of the population

Trichromacy

#4e599f Protanomaly 1% of men, 0.01% of women
#4f5a96 Deuteranomaly 6% of men, 0.4% of women
#645a79 Tritanomaly 0.01% of the population