#674c88 hex color

In a RGB color space, hex #674c88 is composed of 40.4% red, 29.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 44.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 267 degrees, a saturation of 28.3% and a lightness of 41.6%. #674c88 color hex could be obtained by blending #ce98ff with #000011. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 30
- B 53
RGB color chart
- C 24
- M 44
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #674c88 has RGB values of R:103, G:76, B:136 and CMYK values of C:0.24, M:0.44, Y:0, K:0.47. Its decimal value is 6769800.

Hex triplet	674c88	`#674c88`
RGB Decimal	103, 76, 136	`rgb(103,76,136)`
RGB Percent	40.4, 29.8, 53.3	`rgb(40.4%,29.8%,53.3%)`
CMYK	24, 44, 0, 47
HSL	267°, 28.3, 41.6	`hsl(267,28.3%,41.6%)`
HSV (or HSB)	267°, 44.1, 53.3
Web Safe	663399	`#663399`

CIE-LAB	37.536, 24.331, -29.382
XYZ	12.621, 9.83, 24.524
xyY	0.269, 0.209, 9.83
CIE-LCH	37.536, 38.148, 309.627
CIE-LUV	37.536, 8.898, -43.76
Hunter-Lab	31.353, 16.987, -24.428
Binary	01100111, 01001100, 10001000

#674c88
```
#674c88 rgb(103,76,136)
```
#6d884c
```
#6d884c rgb(109,136,76)
```

Complementary Color

#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#854c88
```
#854c88 rgb(133,76,136)
```

Analogous Color

#4f884c
```
#4f884c rgb(79,136,76)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#88854c
```
#88854c rgb(136,133,76)
```

Split Complementary Color

#4c8867
```
#4c8867 rgb(76,136,103)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#88674c
```
#88674c rgb(136,103,76)
```

Triadic Color

#4c6d88
```
#4c6d88 rgb(76,109,136)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#88674c
```
#88674c rgb(136,103,76)
```
#6d884c
```
#6d884c rgb(109,136,76)
```

Tetradic Color

#423157
```
#423157 rgb(66,49,87)
```
#4e3a67
```
#4e3a67 rgb(78,58,103)
```
#5b4378
```
#5b4378 rgb(91,67,120)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#735598
```
#735598 rgb(115,85,152)
```
#8061a6
```
#8061a6 rgb(128,97,166)
```
#8d71b0
```
#8d71b0 rgb(141,113,176)
```

Monochromatic Color

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

#584c88
```
#584c88 rgb(88,76,136)
```
#5d4c88
```
#5d4c88 rgb(93,76,136)
```
#624c88
```
#624c88 rgb(98,76,136)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#6c4c88
```
#6c4c88 rgb(108,76,136)
```
#714c88
```
#714c88 rgb(113,76,136)
```
#764c88
```
#764c88 rgb(118,76,136)
```

Similar Colors

Text with hexadecimal color #674c88

This text has a font color of #674c88.

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

#674c88 background color

This paragraph has a background color of #674c88.

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

#674c88 border color

This element has a border color of #674c88.

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

CSS codes

.text {color:#674c88;}

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

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

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

#08060a
```
#08060a rgb(8,6,10)
```
#110d17
```
#110d17 rgb(17,13,23)
```
#1b1423
```
#1b1423 rgb(27,20,35)
```
#241b30
```
#241b30 rgb(36,27,48)
```
#2e223c
```
#2e223c rgb(46,34,60)
```
#372949
```
#372949 rgb(55,41,73)
```
#413056
```
#413056 rgb(65,48,86)
```
#4a3762
```
#4a3762 rgb(74,55,98)
```
#543e6f
```
#543e6f rgb(84,62,111)
```
#5d457b
```
#5d457b rgb(93,69,123)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#715395
```
#715395 rgb(113,83,149)
```
#7a5aa1
```
#7a5aa1 rgb(122,90,161)
```

Shade Color Variation

#8466a9
```
#8466a9 rgb(132,102,169)
```
#8e72b0
```
#8e72b0 rgb(142,114,176)
```
#987fb7
```
#987fb7 rgb(152,127,183)
```
#a28bbe
```
#a28bbe rgb(162,139,190)
```
#ac98c5
```
#ac98c5 rgb(172,152,197)
```
#b6a4cc
```
#b6a4cc rgb(182,164,204)
```
#c1b1d3
```
#c1b1d3 rgb(193,177,211)
```
#cbbeda
```
#cbbeda rgb(203,190,218)
```
#d5cae2
```
#d5cae2 rgb(213,202,226)
```
#dfd7e9
```
#dfd7e9 rgb(223,215,233)
```
#e9e3f0
```
#e9e3f0 rgb(233,227,240)
```
#f3f0f7
```
#f3f0f7 rgb(243,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#696470
```
#696470 rgb(105,100,112)
```
#695c78
```
#695c78 rgb(105,92,120)
```
#685480
```
#685480 rgb(104,84,128)
```
#674c88
```
#674c88 rgb(103,76,136)
```
#664490
```
#664490 rgb(102,68,144)
```
#653c98
```
#653c98 rgb(101,60,152)
```
#6534a0
```
#6534a0 rgb(101,52,160)
```
#642ba9
```
#642ba9 rgb(100,43,169)
```
#6323b1
```
#6323b1 rgb(99,35,177)
```
#621bb9
```
#621bb9 rgb(98,27,185)
```
#6113c1
```
#6113c1 rgb(97,19,193)
```
#600bc9
```
#600bc9 rgb(96,11,201)
```
#6003d1
```
#6003d1 rgb(96,3,209)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5d5864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495f95 Protanopia 1% of men
#4d608a Deuteranopia 1% of men
#665e65 Tritanopia 0.001% of the population

Trichromacy

#545890 Protanomaly 1% of men, 0.01% of women
#565989 Deuteranomaly 6% of men, 0.4% of women
#665772 Tritanomaly 0.01% of the population

#674c88 hex color

#674c88 Color Information

#674c88 Color Conversion

Color Schemes with #674c88

Alternatives to #674c88

#674c88 Preview

Shades and Tints of #674c88

Tones of #674c88

Color Blindness Simulator