#674bb7 hex color

In a RGB color space, hex #674bb7 is composed of 40.4% red, 29.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 59% magenta, 0% yellow and 28.2% black. It has a hue angle of 255.6 degrees, a saturation of 42.9% and a lightness of 50.6%. #674bb7 color hex could be obtained by blending #ce96ff with #00006f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 40
- G 29
- B 72
RGB color chart
- C 44
- M 59
- Y 0
- K 28
CMYK color chart

● #674bb7 color description : Moderate violet.

The hexadecimal color #674bb7 has RGB values of R:103, G:75, B:183 and CMYK values of C:0.44, M:0.59, Y:0, K:0.28. Its decimal value is 6769591.

Hex triplet	674bb7	`#674bb7`
RGB Decimal	103, 75, 183	`rgb(103,75,183)`
RGB Percent	40.4, 29.4, 71.8	`rgb(40.4%,29.4%,71.8%)`
CMYK	44, 59, 0, 28
HSL	255.6°, 42.9, 50.6	`hsl(255.6,42.9%,50.6%)`
HSV (or HSB)	255.6°, 59, 71.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.138, 37.822, -53.398
XYZ	16.655, 11.334, 46.107
xyY	0.225, 0.153, 11.334
CIE-LCH	40.138, 65.435, 305.31
CIE-LUV	40.138, 3.732, -80.593
Hunter-Lab	33.667, 29.39, -57.633
Binary	01100111, 01001011, 10110111

#674bb7
```
#674bb7 rgb(103,75,183)
```
#9bb74b
```
#9bb74b rgb(155,183,75)
```

Complementary Color

#4b65b7
```
#4b65b7 rgb(75,101,183)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#9d4bb7
```
#9d4bb7 rgb(157,75,183)
```

Analogous Color

#65b74b
```
#65b74b rgb(101,183,75)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#b79d4b
```
#b79d4b rgb(183,157,75)
```

Split Complementary Color

#4bb767
```
#4bb767 rgb(75,183,103)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#b7674b
```
#b7674b rgb(183,103,75)
```

Triadic Color

#4b9bb7
```
#4b9bb7 rgb(75,155,183)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#b7674b
```
#b7674b rgb(183,103,75)
```
#9bb74b
```
#9bb74b rgb(155,183,75)
```

Tetradic Color

#483482
```
#483482 rgb(72,52,130)
```
#523b94
```
#523b94 rgb(82,59,148)
```
#5c42a6
```
#5c42a6 rgb(92,66,166)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#765dbe
```
#765dbe rgb(118,93,190)
```
#866fc6
```
#866fc6 rgb(134,111,198)
```
#9582cd
```
#9582cd rgb(149,130,205)
```

Monochromatic Color

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

#4c4bb7
```
#4c4bb7 rgb(76,75,183)
```
#554bb7
```
#554bb7 rgb(85,75,183)
```
#5e4bb7
```
#5e4bb7 rgb(94,75,183)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#704bb7
```
#704bb7 rgb(112,75,183)
```
#794bb7
```
#794bb7 rgb(121,75,183)
```
#824bb7
```
#824bb7 rgb(130,75,183)
```

Similar Colors

Text with hexadecimal color #674bb7

This text has a font color of #674bb7.

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

#674bb7 background color

This paragraph has a background color of #674bb7.

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

#674bb7 border color

This element has a border color of #674bb7.

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

CSS codes

.text {color:#674bb7;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090610
```
#090610 rgb(9,6,16)
```
#110c1e
```
#110c1e rgb(17,12,30)
```
#19122c
```
#19122c rgb(25,18,44)
```
#20173a
```
#20173a rgb(32,23,58)
```
#281d48
```
#281d48 rgb(40,29,72)
```
#302256
```
#302256 rgb(48,34,86)
```
#382864
```
#382864 rgb(56,40,100)
```
#3f2e72
```
#3f2e72 rgb(63,46,114)
```
#473380
```
#473380 rgb(71,51,128)
```
#4f398e
```
#4f398e rgb(79,57,142)
```
#573f9c
```
#573f9c rgb(87,63,156)
```
#5f44aa
```
#5f44aa rgb(95,68,170)
```

Shade Color Variation

#674bb7
```
#674bb7 rgb(103,75,183)
```
#7359bd
```
#7359bd rgb(115,89,189)
```
#7f67c2
```
#7f67c2 rgb(127,103,194)
```
#8a75c8
```
#8a75c8 rgb(138,117,200)
```
#9683cd
```
#9683cd rgb(150,131,205)
```
#a291d3
```
#a291d3 rgb(162,145,211)
```
#ae9fd9
```
#ae9fd9 rgb(174,159,217)
```
#baadde
```
#baadde rgb(186,173,222)
```
#c6bbe4
```
#c6bbe4 rgb(198,187,228)
```
#d1c9e9
```
#d1c9e9 rgb(209,201,233)
```
#ddd7ef
```
#ddd7ef rgb(221,215,239)
```
#e9e5f5
```
#e9e5f5 rgb(233,229,245)
```
#f5f3fa
```
#f5f3fa rgb(245,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7b87 is the less saturated color, while #4607fb is the most saturated one.

#7e7b87
```
#7e7b87 rgb(126,123,135)
```
#7a7290
```
#7a7290 rgb(122,114,144)
```
#75689a
```
#75689a rgb(117,104,154)
```
#705ea4
```
#705ea4 rgb(112,94,164)
```
#6c55ad
```
#6c55ad rgb(108,85,173)
```
#674bb7
```
#674bb7 rgb(103,75,183)
```
#6241c1
```
#6241c1 rgb(98,65,193)
```
#5e38ca
```
#5e38ca rgb(94,56,202)
```
#592ed4
```
#592ed4 rgb(89,46,212)
```
#5424de
```
#5424de rgb(84,36,222)
```
#501be7
```
#501be7 rgb(80,27,231)
```
#4b11f1
```
#4b11f1 rgb(75,17,241)
```
#4607fb
```
#4607fb rgb(70,7,251)
```

Tone Color Variation

Below, you can see how #674bb7 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
#615c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#576971 Tritanopia 0.001% of the population

Trichromacy

#255abf Protanomaly 1% of men, 0.01% of women
#255db1 Deuteranomaly 6% of men, 0.4% of women
#5d5e8a Tritanomaly 0.01% of the population

#674bb7 hex color

#674bb7 Color Information

#674bb7 Color Conversion

Color Schemes with #674bb7

Alternatives to #674bb7

#674bb7 Preview

Shades and Tints of #674bb7

Tones of #674bb7

Color Blindness Simulator