#675a74 hex color

In a RGB color space, hex #675a74 is composed of 40.4% red, 35.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 22.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 270 degrees, a saturation of 12.6% and a lightness of 40.4%. #675a74 color hex could be obtained by blending #ceb4e8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 35
- B 45
RGB color chart
- C 11
- M 22
- Y 0
- K 55
CMYK color chart

● #675a74 color description : Dark grayish violet.

The hexadecimal color #675a74 has RGB values of R:103, G:90, B:116 and CMYK values of C:0.11, M:0.22, Y:0, K:0.55. Its decimal value is 6773364.

Hex triplet	675a74	`#675a74`
RGB Decimal	103, 90, 116	`rgb(103,90,116)`
RGB Percent	40.4, 35.3, 45.5	`rgb(40.4%,35.3%,45.5%)`
CMYK	11, 22, 0, 55
HSL	270°, 12.6, 40.4	`hsl(270,12.6%,40.4%)`
HSV (or HSB)	270°, 22.4, 45.5
Web Safe	666666	`#666666`

CIE-LAB	40.34, 10.757, -12.791
XYZ	12.402, 11.457, 18.08
xyY	0.296, 0.273, 11.457
CIE-LCH	40.34, 16.713, 310.062
CIE-LUV	40.34, 5.326, -18.875
Hunter-Lab	33.848, 6.166, -7.976
Binary	01100111, 01011010, 01110100

#675a74
```
#675a74 rgb(103,90,116)
```
#67745a
```
#67745a rgb(103,116,90)
```

Complementary Color

#5a5a74
```
#5a5a74 rgb(90,90,116)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#745a74
```
#745a74 rgb(116,90,116)
```

Analogous Color

#5a745a
```
#5a745a rgb(90,116,90)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#74745a
```
#74745a rgb(116,116,90)
```

Split Complementary Color

#5a7467
```
#5a7467 rgb(90,116,103)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#74675a
```
#74675a rgb(116,103,90)
```

Triadic Color

#5a6774
```
#5a6774 rgb(90,103,116)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#74675a
```
#74675a rgb(116,103,90)
```
#67745a
```
#67745a rgb(103,116,90)
```

Tetradic Color

#413949
```
#413949 rgb(65,57,73)
```
#4e4457
```
#4e4457 rgb(78,68,87)
```
#5a4f66
```
#5a4f66 rgb(90,79,102)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#746582
```
#746582 rgb(116,101,130)
```
#817190
```
#817190 rgb(129,113,144)
```
#8d7f9c
```
#8d7f9c rgb(141,127,156)
```

Monochromatic Color

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

#615a74
```
#615a74 rgb(97,90,116)
```
#635a74
```
#635a74 rgb(99,90,116)
```
#655a74
```
#655a74 rgb(101,90,116)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#695a74
```
#695a74 rgb(105,90,116)
```
#6b5a74
```
#6b5a74 rgb(107,90,116)
```
#6e5a74
```
#6e5a74 rgb(110,90,116)
```

Similar Colors

Text with hexadecimal color #675a74

This text has a font color of #675a74.

<span style="color:#675a74;">Text here</span>

#675a74 background color

This paragraph has a background color of #675a74.

<p style="background-color:#675a74;">Content here</p>

#675a74 border color

This element has a border color of #675a74.

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

CSS codes

.text {color:#675a74;}

.background {background-color:#675a74;}

.border {border:1px solid #675a74;}

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

#050406
```
#050406 rgb(5,4,6)
```
#0f0d11
```
#0f0d11 rgb(15,13,17)
```
#19151c
```
#19151c rgb(25,21,28)
```
#221e27
```
#221e27 rgb(34,30,39)
```
#2c2732
```
#2c2732 rgb(44,39,50)
```
#362f3d
```
#362f3d rgb(54,47,61)
```
#403848
```
#403848 rgb(64,56,72)
```
#4a4053
```
#4a4053 rgb(74,64,83)
```
#53495e
```
#53495e rgb(83,73,94)
```
#5d5169
```
#5d5169 rgb(93,81,105)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#71637f
```
#71637f rgb(113,99,127)
```
#7b6b8a
```
#7b6b8a rgb(123,107,138)
```

Shade Color Variation

#847594
```
#847594 rgb(132,117,148)
```
#8e809c
```
#8e809c rgb(142,128,156)
```
#988ba5
```
#988ba5 rgb(152,139,165)
```
#a296ae
```
#a296ae rgb(162,150,174)
```
#aca1b6
```
#aca1b6 rgb(172,161,182)
```
#b5acbf
```
#b5acbf rgb(181,172,191)
```
#bfb7c7
```
#bfb7c7 rgb(191,183,199)
```
#c9c2d0
```
#c9c2d0 rgb(201,194,208)
```
#d3cdd8
```
#d3cdd8 rgb(211,205,216)
```
#ddd8e1
```
#ddd8e1 rgb(221,216,225)
```
#e7e3ea
```
#e7e3ea rgb(231,227,234)
```
#f0eef2
```
#f0eef2 rgb(240,238,242)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67626c is the less saturated color, while #6703cb is the most saturated one.

#67626c
```
#67626c rgb(103,98,108)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#67527c
```
#67527c rgb(103,82,124)
```
#674a84
```
#674a84 rgb(103,74,132)
```
#67428c
```
#67428c rgb(103,66,140)
```
#673a94
```
#673a94 rgb(103,58,148)
```
#67329c
```
#67329c rgb(103,50,156)
```
#672aa4
```
#672aa4 rgb(103,42,164)
```
#6723ab
```
#6723ab rgb(103,35,171)
```
#671bb3
```
#671bb3 rgb(103,27,179)
```
#6713bb
```
#6713bb rgb(103,19,187)
```
#670bc3
```
#670bc3 rgb(103,11,195)
```
#6703cb
```
#6703cb rgb(103,3,203)
```

Tone Color Variation

Below, you can see how #675a74 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

#616161 Achromatopsia 0.005% of the population
#626065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61667d Protanopia 1% of men
#67657a Deuteranopia 1% of men
#6c656c Tritanopia 0.001% of the population

Trichromacy

#63617a Protanomaly 1% of men, 0.01% of women
#676178 Deuteranomaly 6% of men, 0.4% of women
#6a616f Tritanomaly 0.01% of the population

#675a74 hex color

#675a74 Color Information

#675a74 Color Conversion

Color Schemes with #675a74

Alternatives to #675a74

#675a74 Preview

Shades and Tints of #675a74

Tones of #675a74

Color Blindness Simulator