#676275 hex color

In a RGB color space, hex #676275 is composed of 40.4% red, 38.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 12% cyan, 16.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 255.8 degrees, a saturation of 8.8% and a lightness of 42.2%. #676275 color hex could be obtained by blending #cec4ea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 38
- B 46
RGB color chart
- C 12
- M 16
- Y 0
- K 54
CMYK color chart

● #676275 color description : Dark grayish violet.

The hexadecimal color #676275 has RGB values of R:103, G:98, B:117 and CMYK values of C:0.12, M:0.16, Y:0, K:0.54. Its decimal value is 6775413.

Hex triplet	676275	`#676275`
RGB Decimal	103, 98, 117	`rgb(103,98,117)`
RGB Percent	40.4, 38.4, 45.9	`rgb(40.4%,38.4%,45.9%)`
CMYK	12, 16, 0, 54
HSL	255.8°, 8.8, 42.2	`hsl(255.8,8.8%,42.2%)`
HSV (or HSB)	255.8°, 16.2, 45.9
Web Safe	666666	`#666666`

CIE-LAB	42.617, 6.083, -9.959
XYZ	13.172, 12.903, 18.625
xyY	0.295, 0.289, 12.903
CIE-LCH	42.617, 11.67, 301.419
CIE-LUV	42.617, 1.549, -14.461
Hunter-Lab	35.921, 2.59, -5.597
Binary	01100111, 01100010, 01110101

#676275
```
#676275 rgb(103,98,117)
```
#707562
```
#707562 rgb(112,117,98)
```

Complementary Color

#626775
```
#626775 rgb(98,103,117)
```
#676275
```
#676275 rgb(103,98,117)
```
#716275
```
#716275 rgb(113,98,117)
```

Analogous Color

#677562
```
#677562 rgb(103,117,98)
```
#676275
```
#676275 rgb(103,98,117)
```
#757162
```
#757162 rgb(117,113,98)
```

Split Complementary Color

#627567
```
#627567 rgb(98,117,103)
```
#676275
```
#676275 rgb(103,98,117)
```
#756762
```
#756762 rgb(117,103,98)
```

Triadic Color

#627075
```
#627075 rgb(98,112,117)
```
#676275
```
#676275 rgb(103,98,117)
```
#756762
```
#756762 rgb(117,103,98)
```
#707562
```
#707562 rgb(112,117,98)
```

Tetradic Color

#423f4b
```
#423f4b rgb(66,63,75)
```
#4f4b59
```
#4f4b59 rgb(79,75,89)
```
#5b5667
```
#5b5667 rgb(91,86,103)
```
#676275
```
#676275 rgb(103,98,117)
```
#736e83
```
#736e83 rgb(115,110,131)
```
#807a90
```
#807a90 rgb(128,122,144)
```
#8d889b
```
#8d889b rgb(141,136,155)
```

Monochromatic Color

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

#626275
```
#626275 rgb(98,98,117)
```
#646275
```
#646275 rgb(100,98,117)
```
#656275
```
#656275 rgb(101,98,117)
```
#676275
```
#676275 rgb(103,98,117)
```
#696275
```
#696275 rgb(105,98,117)
```
#6a6275
```
#6a6275 rgb(106,98,117)
```
#6c6275
```
#6c6275 rgb(108,98,117)
```

Similar Colors

Text with hexadecimal color #676275

This text has a font color of #676275.

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

#676275 background color

This paragraph has a background color of #676275.

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

#676275 border color

This element has a border color of #676275.

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

CSS codes

.text {color:#676275;}

.background {background-color:#676275;}

.border {border:1px solid #676275;}

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

#09090a
```
#09090a rgb(9,9,10)
```
#121215
```
#121215 rgb(18,18,21)
```
#1c1a20
```
#1c1a20 rgb(28,26,32)
```
#25232a
```
#25232a rgb(37,35,42)
```
#2f2c35
```
#2f2c35 rgb(47,44,53)
```
#383540
```
#383540 rgb(56,53,64)
```
#413e4a
```
#413e4a rgb(65,62,74)
```
#4b4755
```
#4b4755 rgb(75,71,85)
```
#545060
```
#545060 rgb(84,80,96)
```
#5e596a
```
#5e596a rgb(94,89,106)
```
#676275
```
#676275 rgb(103,98,117)
```
#706b80
```
#706b80 rgb(112,107,128)
```
#7a748a
```
#7a748a rgb(122,116,138)
```

Shade Color Variation

#847e93
```
#847e93 rgb(132,126,147)
```
#8e899c
```
#8e899c rgb(142,137,156)
```
#9894a5
```
#9894a5 rgb(152,148,165)
```
#a39fae
```
#a39fae rgb(163,159,174)
```
#ada9b7
```
#ada9b7 rgb(173,169,183)
```
#b7b4c0
```
#b7b4c0 rgb(183,180,192)
```
#c1bfc9
```
#c1bfc9 rgb(193,191,201)
```
#ccc9d2
```
#ccc9d2 rgb(204,201,210)
```
#d6d4db
```
#d6d4db rgb(214,212,219)
```
#e0dfe4
```
#e0dfe4 rgb(224,223,228)
```
#eae9ed
```
#eae9ed rgb(234,233,237)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6a6d is the less saturated color, while #3c07d0 is the most saturated one.

#6b6a6d
```
#6b6a6d rgb(107,106,109)
```
#676275
```
#676275 rgb(103,98,117)
```
#635a7d
```
#635a7d rgb(99,90,125)
```
#5f5186
```
#5f5186 rgb(95,81,134)
```
#5b498e
```
#5b498e rgb(91,73,142)
```
#574196
```
#574196 rgb(87,65,150)
```
#53399e
```
#53399e rgb(83,57,158)
```
#4f30a7
```
#4f30a7 rgb(79,48,167)
```
#4c28af
```
#4c28af rgb(76,40,175)
```
#4820b7
```
#4820b7 rgb(72,32,183)
```
#4418bf
```
#4418bf rgb(68,24,191)
```
#400fc8
```
#400fc8 rgb(64,15,200)
```
#3c07d0
```
#3c07d0 rgb(60,7,208)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#666569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b7d Protanopia 1% of men
#6e6a7c Deuteranopia 1% of men
#6d6b73 Tritanopia 0.001% of the population

Trichromacy

#68687a Protanomaly 1% of men, 0.01% of women
#6c6779 Deuteranomaly 6% of men, 0.4% of women
#6a6874 Tritanomaly 0.01% of the population

#676275 hex color

#676275 Color Information

#676275 Color Conversion

Color Schemes with #676275

Alternatives to #676275

#676275 Preview

Shades and Tints of #676275

Tones of #676275

Color Blindness Simulator