#676295 hex color

In a RGB color space, hex #676295 is composed of 40.4% red, 38.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 34.2% magenta, 0% yellow and 41.6% black. It has a hue angle of 245.9 degrees, a saturation of 20.6% and a lightness of 48.4%. #676295 color hex could be obtained by blending #cec4ff with #00002b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 38
- B 58
RGB color chart
- C 31
- M 34
- Y 0
- K 42
CMYK color chart

● #676295 color description : Mostly desaturated dark blue.

The hexadecimal color #676295 has RGB values of R:103, G:98, B:149 and CMYK values of C:0.31, M:0.34, Y:0, K:0.42. Its decimal value is 6775445.

Hex triplet	676295	`#676295`
RGB Decimal	103, 98, 149	`rgb(103,98,149)`
RGB Percent	40.4, 38.4, 58.4	`rgb(40.4%,38.4%,58.4%)`
CMYK	31, 34, 0, 42
HSL	245.9°, 20.6, 48.4	`hsl(245.9,20.6%,48.4%)`
HSV (or HSB)	245.9°, 34.2, 58.4
Web Safe	666699	`#666699`

CIE-LAB	43.928, 14.182, -27.225
XYZ	15.385, 13.789, 30.283
xyY	0.259, 0.232, 13.789
CIE-LCH	43.928, 30.698, 297.516
CIE-LUV	43.928, -0.723, -41.082
Hunter-Lab	37.133, 8.973, -22.359
Binary	01100111, 01100010, 10010101

#676295
```
#676295 rgb(103,98,149)
```
#909562
```
#909562 rgb(144,149,98)
```

Complementary Color

#627795
```
#627795 rgb(98,119,149)
```
#676295
```
#676295 rgb(103,98,149)
```
#816295
```
#816295 rgb(129,98,149)
```

Analogous Color

#779562
```
#779562 rgb(119,149,98)
```
#676295
```
#676295 rgb(103,98,149)
```
#958162
```
#958162 rgb(149,129,98)
```

Split Complementary Color

#629567
```
#629567 rgb(98,149,103)
```
#676295
```
#676295 rgb(103,98,149)
```
#956762
```
#956762 rgb(149,103,98)
```

Triadic Color

#629095
```
#629095 rgb(98,144,149)
```
#676295
```
#676295 rgb(103,98,149)
```
#956762
```
#956762 rgb(149,103,98)
```
#909562
```
#909562 rgb(144,149,98)
```

Tetradic Color

#474467
```
#474467 rgb(71,68,103)
```
#524e76
```
#524e76 rgb(82,78,118)
```
#5c5886
```
#5c5886 rgb(92,88,134)
```
#676295
```
#676295 rgb(103,98,149)
```
#7570a1
```
#7570a1 rgb(117,112,161)
```
#837fab
```
#837fab rgb(131,127,171)
```
#928eb5
```
#928eb5 rgb(146,142,181)
```

Monochromatic Color

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

#626a95
```
#626a95 rgb(98,106,149)
```
#626695
```
#626695 rgb(98,102,149)
```
#636295
```
#636295 rgb(99,98,149)
```
#676295
```
#676295 rgb(103,98,149)
```
#6b6295
```
#6b6295 rgb(107,98,149)
```
#706295
```
#706295 rgb(112,98,149)
```
#746295
```
#746295 rgb(116,98,149)
```

Similar Colors

Text with hexadecimal color #676295

This text has a font color of #676295.

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

#676295 background color

This paragraph has a background color of #676295.

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

#676295 border color

This element has a border color of #676295.

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

CSS codes

.text {color:#676295;}

.background {background-color:#676295;}

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

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

#050507
```
#050507 rgb(5,5,7)
```
#0d0c13
```
#0d0c13 rgb(13,12,19)
```
#15141f
```
#15141f rgb(21,20,31)
```
#1d1c2b
```
#1d1c2b rgb(29,28,43)
```
#262436
```
#262436 rgb(38,36,54)
```
#2e2c42
```
#2e2c42 rgb(46,44,66)
```
#36334e
```
#36334e rgb(54,51,78)
```
#3e3b5a
```
#3e3b5a rgb(62,59,90)
```
#464366
```
#464366 rgb(70,67,102)
```
#4e4b72
```
#4e4b72 rgb(78,75,114)
```
#57527d
```
#57527d rgb(87,82,125)
```
#5f5a89
```
#5f5a89 rgb(95,90,137)
```
#676295
```
#676295 rgb(103,98,149)
```

Shade Color Variation

#716c9e
```
#716c9e rgb(113,108,158)
```
#7d78a6
```
#7d78a6 rgb(125,120,166)
```
#8884ae
```
#8884ae rgb(136,132,174)
```
#9390b6
```
#9390b6 rgb(147,144,182)
```
#9f9cbe
```
#9f9cbe rgb(159,156,190)
```
#aaa7c5
```
#aaa7c5 rgb(170,167,197)
```
#b6b3cd
```
#b6b3cd rgb(182,179,205)
```
#c1bfd5
```
#c1bfd5 rgb(193,191,213)
```
#cdcbdd
```
#cdcbdd rgb(205,203,221)
```
#d8d7e4
```
#d8d7e4 rgb(216,215,228)
```
#e3e3ec
```
#e3e3ec rgb(227,227,236)
```
#efeef4
```
#efeef4 rgb(239,238,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#767582
```
#767582 rgb(118,117,130)
```
#6f6c8c
```
#6f6c8c rgb(111,108,140)
```
#676295
```
#676295 rgb(103,98,149)
```
#5f599f
```
#5f599f rgb(95,89,159)
```
#584fa8
```
#584fa8 rgb(88,79,168)
```
#5046b2
```
#5046b2 rgb(80,70,178)
```
#483cbb
```
#483cbb rgb(72,60,187)
```
#4133c5
```
#4133c5 rgb(65,51,197)
```
#3929ce
```
#3929ce rgb(57,41,206)
```
#3220d8
```
#3220d8 rgb(50,32,216)
```
#2a16e1
```
#2a16e1 rgb(42,22,225)
```
#220deb
```
#220deb rgb(34,13,235)
```
#1b03f4
```
#1b03f4 rgb(27,3,244)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6e9d Protanopia 1% of men
#5f6e98 Deuteranopia 1% of men
#667179 Tritanopia 0.001% of the population

Trichromacy

#61699a Protanomaly 1% of men, 0.01% of women
#626a97 Deuteranomaly 6% of men, 0.4% of women
#666b83 Tritanomaly 0.01% of the population

#676295 hex color

#676295 Color Information

#676295 Color Conversion

Color Schemes with #676295

Alternatives to #676295

#676295 Preview

Shades and Tints of #676295

Tones of #676295

Color Blindness Simulator