colorhexa.com

#674f88 hex color

In a RGB color space, hex #674f88 is composed of 40.4% red, 31% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 41.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 265.3 degrees, a saturation of 26.5% and a lightness of 42.2%. #674f88 color hex could be obtained by blending #ce9eff with #000011. Closest websafe color is: #666699.

- R 40
- G 31
- B 53
RGB color chart
- C 24
- M 42
- Y 0
- K 47
CMYK color chart

● #674f88 color description : Mostly desaturated dark violet.

The hexadecimal color #674f88 has RGB values of R:103, G:79, B:136 and CMYK values of C:0.24, M:0.42, Y:0, K:0.47. Its decimal value is 6770568.

Hex triplet	674f88	`#674f88`
RGB Decimal	103, 79, 136	`rgb(103,79,136)`
RGB Percent	40.4, 31, 53.3	`rgb(40.4%,31%,53.3%)`
CMYK	24, 42, 0, 47
HSL	265.3°, 26.5, 42.2	`hsl(265.3,26.5%,42.2%)`
HSV (or HSB)	265.3°, 41.9, 53.3
Web Safe	666699	`#666699`

CIE-LAB	38.293, 22.484, -28.193
XYZ	12.833, 10.253, 24.594
xyY	0.269, 0.215, 10.253
CIE-LCH	38.293, 36.061, 308.572
CIE-LUV	38.293, 7.801, -42.066
Hunter-Lab	32.021, 15.5, -23.125
Binary	01100111, 01001111, 10001000

#674f88
```
#674f88 rgb(103,79,136)
```
#70884f
```
#70884f rgb(112,136,79)
```

Complementary Color

#4f5488
```
#4f5488 rgb(79,84,136)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#844f88
```
#844f88 rgb(132,79,136)
```

Analogous Color

#54884f
```
#54884f rgb(84,136,79)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#88844f
```
#88844f rgb(136,132,79)
```

Split Complementary Color

#4f8867
```
#4f8867 rgb(79,136,103)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#88674f
```
#88674f rgb(136,103,79)
```

Triadic Color

#4f7088
```
#4f7088 rgb(79,112,136)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#88674f
```
#88674f rgb(136,103,79)
```
#70884f
```
#70884f rgb(112,136,79)
```

Tetradic Color

#423358
```
#423358 rgb(66,51,88)
```
#4f3c68
```
#4f3c68 rgb(79,60,104)
```
#5b4678
```
#5b4678 rgb(91,70,120)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#735898
```
#735898 rgb(115,88,152)
```
#8065a5
```
#8065a5 rgb(128,101,165)
```
#8d75af
```
#8d75af rgb(141,117,175)
```

Monochromatic Color

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

#594f88
```
#594f88 rgb(89,79,136)
```
#5e4f88
```
#5e4f88 rgb(94,79,136)
```
#624f88
```
#624f88 rgb(98,79,136)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#6c4f88
```
#6c4f88 rgb(108,79,136)
```
#714f88
```
#714f88 rgb(113,79,136)
```
#754f88
```
#754f88 rgb(117,79,136)
```

Similar Colors

Text with hexadecimal color #674f88

This text has a font color of #674f88.

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

#674f88 background color

This paragraph has a background color of #674f88.

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

#674f88 border color

This element has a border color of #674f88.

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

CSS codes

.text {color:#674f88;}

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

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

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, #09070c is the darkest color, while #ffffff is the lightest one.

#09070c
```
#09070c rgb(9,7,12)
```
#120e18
```
#120e18 rgb(18,14,24)
```
#1c1525
```
#1c1525 rgb(28,21,37)
```
#251d31
```
#251d31 rgb(37,29,49)
```
#2f243e
```
#2f243e rgb(47,36,62)
```
#382b4a
```
#382b4a rgb(56,43,74)
```
#413256
```
#413256 rgb(65,50,86)
```
#4b3963
```
#4b3963 rgb(75,57,99)
```
#54416f
```
#54416f rgb(84,65,111)
```
#5e487c
```
#5e487c rgb(94,72,124)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#705694
```
#705694 rgb(112,86,148)
```
#7a5da1
```
#7a5da1 rgb(122,93,161)
```

Shade Color Variation

#846aa8
```
#846aa8 rgb(132,106,168)
```
#8e76af
```
#8e76af rgb(142,118,175)
```
#9882b7
```
#9882b7 rgb(152,130,183)
```
#a38fbe
```
#a38fbe rgb(163,143,190)
```
#ad9bc5
```
#ad9bc5 rgb(173,155,197)
```
#b7a8cc
```
#b7a8cc rgb(183,168,204)
```
#c1b4d3
```
#c1b4d3 rgb(193,180,211)
```
#ccc0db
```
#ccc0db rgb(204,192,219)
```
#d6cde2
```
#d6cde2 rgb(214,205,226)
```
#e0d9e9
```
#e0d9e9 rgb(224,217,233)
```
#eae6f0
```
#eae6f0 rgb(234,230,240)
```
#f4f2f8
```
#f4f2f8 rgb(244,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6b686f
```
#6b686f rgb(107,104,111)
```
#6a6077
```
#6a6077 rgb(106,96,119)
```
#685780
```
#685780 rgb(104,87,128)
```
#674f88
```
#674f88 rgb(103,79,136)
```
#664790
```
#664790 rgb(102,71,144)
```
#643e99
```
#643e99 rgb(100,62,153)
```
#6336a1
```
#6336a1 rgb(99,54,161)
```
#622ea9
```
#622ea9 rgb(98,46,169)
```
#6026b1
```
#6026b1 rgb(96,38,177)
```
#5f1dba
```
#5f1dba rgb(95,29,186)
```
#5e15c2
```
#5e15c2 rgb(94,21,194)
```
#5d0dca
```
#5d0dca rgb(93,13,202)
```
#5b05d2
```
#5b05d2 rgb(91,5,210)
```

Tone Color Variation

Below, you can see how #674f88 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
#5f5a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6194 Protanopia 1% of men
#51628a Deuteranopia 1% of men
#666067 Tritanopia 0.001% of the population

Trichromacy

#565a90 Protanomaly 1% of men, 0.01% of women
#595b89 Deuteranomaly 6% of men, 0.4% of women
#665a73 Tritanomaly 0.01% of the population