#674f83 hex color

In a RGB color space, hex #674f83 is composed of 40.4% red, 31% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 39.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 267.7 degrees, a saturation of 24.8% and a lightness of 41.2%. #674f83 color hex could be obtained by blending #ce9eff with #000007. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 31
- B 51
RGB color chart
- C 21
- M 40
- Y 0
- K 49
CMYK color chart

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

The hexadecimal color #674f83 has RGB values of R:103, G:79, B:131 and CMYK values of C:0.21, M:0.4, Y:0, K:0.49. Its decimal value is 6770563.

Hex triplet	674f83	`#674f83`
RGB Decimal	103, 79, 131	`rgb(103,79,131)`
RGB Percent	40.4, 31, 51.4	`rgb(40.4%,31%,51.4%)`
CMYK	21, 40, 0, 49
HSL	267.7°, 24.8, 41.2	`hsl(267.7,24.8%,41.2%)`
HSV (or HSB)	267.7°, 39.7, 51.4
Web Safe	666699	`#666699`

CIE-LAB	38.047, 21.211, -25.522
XYZ	12.486, 10.114, 22.766
xyY	0.275, 0.223, 10.114
CIE-LCH	38.047, 33.185, 309.73
CIE-LUV	38.047, 8.392, -37.992
Hunter-Lab	31.803, 14.422, -20.18
Binary	01100111, 01001111, 10000011

#674f83
```
#674f83 rgb(103,79,131)
```
#6b834f
```
#6b834f rgb(107,131,79)
```

Complementary Color

#4f5183
```
#4f5183 rgb(79,81,131)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#814f83
```
#814f83 rgb(129,79,131)
```

Analogous Color

#51834f
```
#51834f rgb(81,131,79)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#83814f
```
#83814f rgb(131,129,79)
```

Split Complementary Color

#4f8367
```
#4f8367 rgb(79,131,103)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#83674f
```
#83674f rgb(131,103,79)
```

Triadic Color

#4f6b83
```
#4f6b83 rgb(79,107,131)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#83674f
```
#83674f rgb(131,103,79)
```
#6b834f
```
#6b834f rgb(107,131,79)
```

Tetradic Color

#413253
```
#413253 rgb(65,50,83)
```
#4e3c63
```
#4e3c63 rgb(78,60,99)
```
#5a4573
```
#5a4573 rgb(90,69,115)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#745993
```
#745993 rgb(116,89,147)
```
#8064a1
```
#8064a1 rgb(128,100,161)
```
#8d74ab
```
#8d74ab rgb(141,116,171)
```

Monochromatic Color

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

#5a4f83
```
#5a4f83 rgb(90,79,131)
```
#5e4f83
```
#5e4f83 rgb(94,79,131)
```
#634f83
```
#634f83 rgb(99,79,131)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#6b4f83
```
#6b4f83 rgb(107,79,131)
```
#704f83
```
#704f83 rgb(112,79,131)
```
#744f83
```
#744f83 rgb(116,79,131)
```

Similar Colors

Text with hexadecimal color #674f83

This text has a font color of #674f83.

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

#674f83 background color

This paragraph has a background color of #674f83.

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

#674f83 border color

This element has a border color of #674f83.

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

CSS codes

.text {color:#674f83;}

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

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

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

#070509
```
#070509 rgb(7,5,9)
```
#100d15
```
#100d15 rgb(16,13,21)
```
#1a1421
```
#1a1421 rgb(26,20,33)
```
#241b2d
```
#241b2d rgb(36,27,45)
```
#2d233a
```
#2d233a rgb(45,35,58)
```
#372a46
```
#372a46 rgb(55,42,70)
```
#413152
```
#413152 rgb(65,49,82)
```
#4a395e
```
#4a395e rgb(74,57,94)
```
#54406b
```
#54406b rgb(84,64,107)
```
#5d4877
```
#5d4877 rgb(93,72,119)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#71568f
```
#71568f rgb(113,86,143)
```
#7a5e9b
```
#7a5e9b rgb(122,94,155)
```

Shade Color Variation

#8469a4
```
#8469a4 rgb(132,105,164)
```
#8e75ac
```
#8e75ac rgb(142,117,172)
```
#9881b3
```
#9881b3 rgb(152,129,179)
```
#a28dba
```
#a28dba rgb(162,141,186)
```
#ac9ac2
```
#ac9ac2 rgb(172,154,194)
```
#b6a6c9
```
#b6a6c9 rgb(182,166,201)
```
#c0b2d1
```
#c0b2d1 rgb(192,178,209)
```
#cabed8
```
#cabed8 rgb(202,190,216)
```
#d4cadf
```
#d4cadf rgb(212,202,223)
```
#ded7e7
```
#ded7e7 rgb(222,215,231)
```
#e8e3ee
```
#e8e3ee rgb(232,227,238)
```
#f2eff5
```
#f2eff5 rgb(242,239,245)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69676b is the less saturated color, while #6106cc is the most saturated one.

#69676b
```
#69676b rgb(105,103,107)
```
#685f73
```
#685f73 rgb(104,95,115)
```
#68577b
```
#68577b rgb(104,87,123)
```
#674f83
```
#674f83 rgb(103,79,131)
```
#66478b
```
#66478b rgb(102,71,139)
```
#663f93
```
#663f93 rgb(102,63,147)
```
#65379b
```
#65379b rgb(101,55,155)
```
#652fa3
```
#652fa3 rgb(101,47,163)
```
#6427ab
```
#6427ab rgb(100,39,171)
```
#631fb3
```
#631fb3 rgb(99,31,179)
```
#6316bc
```
#6316bc rgb(99,22,188)
```
#620ec4
```
#620ec4 rgb(98,14,196)
```
#6106cc
```
#6106cc rgb(97,6,204)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5e5964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50608f Protanopia 1% of men
#546186 Deuteranopia 1% of men
#675f66 Tritanopia 0.001% of the population

Trichromacy

#585a8b Protanomaly 1% of men, 0.01% of women
#5b5a85 Deuteranomaly 6% of men, 0.4% of women
#675971 Tritanomaly 0.01% of the population

#674f83 hex color

#674f83 Color Information

#674f83 Color Conversion

Color Schemes with #674f83

Alternatives to #674f83

#674f83 Preview

Shades and Tints of #674f83

Tones of #674f83

Color Blindness Simulator