#674d63 hex color

In a RGB color space, hex #674d63 is composed of 40.4% red, 30.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 3.9% yellow and 59.6% black. It has a hue angle of 309.2 degrees, a saturation of 14.4% and a lightness of 35.3%. #674d63 color hex could be obtained by blending #ce9ac6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 30
- B 39
RGB color chart
- C 0
- M 25
- Y 4
- K 60
CMYK color chart

● #674d63 color description : Very dark grayish magenta.

The hexadecimal color #674d63 has RGB values of R:103, G:77, B:99 and CMYK values of C:0, M:0.25, Y:0.04, K:0.6. Its decimal value is 6770019.

Hex triplet	674d63	`#674d63`
RGB Decimal	103, 77, 99	`rgb(103,77,99)`
RGB Percent	40.4, 30.2, 38.8	`rgb(40.4%,30.2%,38.8%)`
CMYK	0, 25, 4, 60
HSL	309.2°, 14.4, 35.3	`hsl(309.2,14.4%,35.3%)`
HSV (or HSB)	309.2°, 25.2, 40.4
Web Safe	666666	`#666666`

CIE-LAB	36.162, 15.072, -8.563
XYZ	10.499, 9.092, 13.006
xyY	0.322, 0.279, 9.092
CIE-LCH	36.162, 17.335, 330.399
CIE-LUV	36.162, 13.195, -13.233
Hunter-Lab	30.154, 9.383, -4.465
Binary	01100111, 01001101, 01100011

#674d63
```
#674d63 rgb(103,77,99)
```
#4d6751
```
#4d6751 rgb(77,103,81)
```

Complementary Color

#5e4d67
```
#5e4d67 rgb(94,77,103)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#674d56
```
#674d56 rgb(103,77,86)
```

Analogous Color

#4d675e
```
#4d675e rgb(77,103,94)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#56674d
```
#56674d rgb(86,103,77)
```

Split Complementary Color

#4d6367
```
#4d6367 rgb(77,99,103)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#63674d
```
#63674d rgb(99,103,77)
```

Triadic Color

#514d67
```
#514d67 rgb(81,77,103)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#63674d
```
#63674d rgb(99,103,77)
```
#4d6751
```
#4d6751 rgb(77,103,81)
```

Tetradic Color

#3b2c39
```
#3b2c39 rgb(59,44,57)
```
#4a3747
```
#4a3747 rgb(74,55,71)
```
#584255
```
#584255 rgb(88,66,85)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#765871
```
#765871 rgb(118,88,113)
```
#84637f
```
#84637f rgb(132,99,127)
```
#936e8d
```
#936e8d rgb(147,110,141)
```

Monochromatic Color

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

#654d67
```
#654d67 rgb(101,77,103)
```
#674d67
```
#674d67 rgb(103,77,103)
```
#674d65
```
#674d65 rgb(103,77,101)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#674d61
```
#674d61 rgb(103,77,97)
```
#674d5f
```
#674d5f rgb(103,77,95)
```
#674d5d
```
#674d5d rgb(103,77,93)
```

Similar Colors

Text with hexadecimal color #674d63

This text has a font color of #674d63.

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

#674d63 background color

This paragraph has a background color of #674d63.

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

#674d63 border color

This element has a border color of #674d63.

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

CSS codes

.text {color:#674d63;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d0a0d
```
#0d0a0d rgb(13,10,13)
```
#181217
```
#181217 rgb(24,18,23)
```
#241b22
```
#241b22 rgb(36,27,34)
```
#2f232d
```
#2f232d rgb(47,35,45)
```
#3a2b38
```
#3a2b38 rgb(58,43,56)
```
#453443
```
#453443 rgb(69,52,67)
```
#513c4d
```
#513c4d rgb(81,60,77)
```
#5c4558
```
#5c4558 rgb(92,69,88)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#72556e
```
#72556e rgb(114,85,110)
```
#7d5e79
```
#7d5e79 rgb(125,94,121)
```
#896683
```
#896683 rgb(137,102,131)
```

Shade Color Variation

#936f8e
```
#936f8e rgb(147,111,142)
```
#9c7a97
```
#9c7a97 rgb(156,122,151)
```
#a4869f
```
#a4869f rgb(164,134,159)
```
#ad91a8
```
#ad91a8 rgb(173,145,168)
```
#b59cb1
```
#b59cb1 rgb(181,156,177)
```
#bda7ba
```
#bda7ba rgb(189,167,186)
```
#c6b2c3
```
#c6b2c3 rgb(198,178,195)
```
#cebecc
```
#cebecc rgb(206,190,204)
```
#d7c9d4
```
#d7c9d4 rgb(215,201,212)
```
#dfd4dd
```
#dfd4dd rgb(223,212,221)
```
#e7dfe6
```
#e7dfe6 rgb(231,223,230)
```
#f0ebef
```
#f0ebef rgb(240,235,239)
```
#f8f6f8
```
#f8f6f8 rgb(248,246,248)
```

Tint Color Variation

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

#60545e
```
#60545e rgb(96,84,94)
```
#674d63
```
#674d63 rgb(103,77,99)
```
#6e4668
```
#6e4668 rgb(110,70,104)
```
#753f6d
```
#753f6d rgb(117,63,109)
```
#7c3871
```
#7c3871 rgb(124,56,113)
```
#833176
```
#833176 rgb(131,49,118)
```
#8a2a7b
```
#8a2a7b rgb(138,42,123)
```
#912380
```
#912380 rgb(145,35,128)
```
#971d85
```
#971d85 rgb(151,29,133)
```
#9e1689
```
#9e1689 rgb(158,22,137)
```
#a50f8e
```
#a50f8e rgb(165,15,142)
```
#ac0893
```
#ac0893 rgb(172,8,147)
```
#b30198
```
#b30198 rgb(179,1,152)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a5559 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595d6f Protanopia 1% of men
#605b69 Deuteranopia 1% of men
#6d585e Tritanopia 0.001% of the population

Trichromacy

#5e576a Protanomaly 1% of men, 0.01% of women
#635667 Deuteranomaly 6% of men, 0.4% of women
#6a5460 Tritanomaly 0.01% of the population

#674d63 hex color

#674d63 Color Information

#674d63 Color Conversion

Color Schemes with #674d63

Alternatives to #674d63

#674d63 Preview

Shades and Tints of #674d63

Tones of #674d63

Color Blindness Simulator