#677995 hex color

In a RGB color space, hex #677995 is composed of 40.4% red, 47.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 18.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 216.5 degrees, a saturation of 18.3% and a lightness of 49.4%. #677995 color hex could be obtained by blending #cef2ff with #00002b. Closest websafe color is: #666699.

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

● #677995 color description : Mostly desaturated dark blue.

The hexadecimal color #677995 has RGB values of R:103, G:121, B:149 and CMYK values of C:0.31, M:0.19, Y:0, K:0.42. Its decimal value is 6781333.

Hex triplet	677995	`#677995`
RGB Decimal	103, 121, 149	`rgb(103,121,149)`
RGB Percent	40.4, 47.5, 58.4	`rgb(40.4%,47.5%,58.4%)`
CMYK	31, 19, 0, 42
HSL	216.5°, 18.3, 49.4	`hsl(216.5,18.3%,49.4%)`
HSV (or HSB)	216.5°, 30.9, 58.4
Web Safe	666699	`#666699`

CIE-LAB	50.367, 0.291, -17.296
XYZ	17.855, 18.728, 31.106
xyY	0.264, 0.277, 18.728
CIE-LCH	50.367, 17.299, 270.964
CIE-LUV	50.367, -10.275, -25.183
Hunter-Lab	43.276, -2.087, -12.324
Binary	01100111, 01111001, 10010101

#677995
```
#677995 rgb(103,121,149)
```
#958367
```
#958367 rgb(149,131,103)
```

Complementary Color

#679095
```
#679095 rgb(103,144,149)
```
#677995
```
#677995 rgb(103,121,149)
```
#6c6795
```
#6c6795 rgb(108,103,149)
```

Analogous Color

#909567
```
#909567 rgb(144,149,103)
```
#677995
```
#677995 rgb(103,121,149)
```
#956c67
```
#956c67 rgb(149,108,103)
```

Split Complementary Color

#799567
```
#799567 rgb(121,149,103)
```
#677995
```
#677995 rgb(103,121,149)
```
#956779
```
#956779 rgb(149,103,121)
```

Triadic Color

#679583
```
#679583 rgb(103,149,131)
```
#677995
```
#677995 rgb(103,121,149)
```
#956779
```
#956779 rgb(149,103,121)
```
#958367
```
#958367 rgb(149,131,103)
```

Tetradic Color

#485468
```
#485468 rgb(72,84,104)
```
#526177
```
#526177 rgb(82,97,119)
```
#5d6d86
```
#5d6d86 rgb(93,109,134)
```
#677995
```
#677995 rgb(103,121,149)
```
#7686a0
```
#7686a0 rgb(118,134,160)
```
#8593aa
```
#8593aa rgb(133,147,170)
```
#94a1b5
```
#94a1b5 rgb(148,161,181)
```

Monochromatic Color

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

#678595
```
#678595 rgb(103,133,149)
```
#678195
```
#678195 rgb(103,129,149)
```
#677d95
```
#677d95 rgb(103,125,149)
```
#677995
```
#677995 rgb(103,121,149)
```
#677595
```
#677595 rgb(103,117,149)
```
#677195
```
#677195 rgb(103,113,149)
```
#676e95
```
#676e95 rgb(103,110,149)
```

Similar Colors

Text with hexadecimal color #677995

This text has a font color of #677995.

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

#677995 background color

This paragraph has a background color of #677995.

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

#677995 border color

This element has a border color of #677995.

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

CSS codes

.text {color:#677995;}

.background {background-color:#677995;}

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

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

#07080a
```
#07080a rgb(7,8,10)
```
#0f1115
```
#0f1115 rgb(15,17,21)
```
#171b21
```
#171b21 rgb(23,27,33)
```
#1f242d
```
#1f242d rgb(31,36,45)
```
#272e38
```
#272e38 rgb(39,46,56)
```
#2f3744
```
#2f3744 rgb(47,55,68)
```
#37404f
```
#37404f rgb(55,64,79)
```
#3f4a5b
```
#3f4a5b rgb(63,74,91)
```
#475367
```
#475367 rgb(71,83,103)
```
#4f5d72
```
#4f5d72 rgb(79,93,114)
```
#57667e
```
#57667e rgb(87,102,126)
```
#5f7089
```
#5f7089 rgb(95,112,137)
```
#677995
```
#677995 rgb(103,121,149)
```

Shade Color Variation

#72839e
```
#72839e rgb(114,131,158)
```
#7e8da6
```
#7e8da6 rgb(126,141,166)
```
#8997ae
```
#8997ae rgb(137,151,174)
```
#95a2b6
```
#95a2b6 rgb(149,162,182)
```
#a0acbe
```
#a0acbe rgb(160,172,190)
```
#acb6c6
```
#acb6c6 rgb(172,182,198)
```
#b8c0ce
```
#b8c0ce rgb(184,192,206)
```
#c3cad6
```
#c3cad6 rgb(195,202,214)
```
#cfd5de
```
#cfd5de rgb(207,213,222)
```
#dadfe6
```
#dadfe6 rgb(218,223,230)
```
#e6e9ee
```
#e6e9ee rgb(230,233,238)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7d82 is the less saturated color, while #0664f6 is the most saturated one.

#7a7d82
```
#7a7d82 rgb(122,125,130)
```
#717b8b
```
#717b8b rgb(113,123,139)
```
#677995
```
#677995 rgb(103,121,149)
```
#5d779f
```
#5d779f rgb(93,119,159)
```
#5475a8
```
#5475a8 rgb(84,117,168)
```
#4a73b2
```
#4a73b2 rgb(74,115,178)
```
#4071bc
```
#4071bc rgb(64,113,188)
```
#376ec5
```
#376ec5 rgb(55,110,197)
```
#2d6ccf
```
#2d6ccf rgb(45,108,207)
```
#236ad9
```
#236ad9 rgb(35,106,217)
```
#1968e3
```
#1968e3 rgb(25,104,227)
```
#1066ec
```
#1066ec rgb(16,102,236)
```
#0664f6
```
#0664f6 rgb(6,100,246)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#74777d Atypical Achromatopsia 0.001% of the population

Dichromacy

#787d99 Protanopia 1% of men
#7a7c9b Deuteranopia 1% of men
#6b828c Tritanopia 0.001% of the population

Trichromacy

#717c97 Protanomaly 1% of men, 0.01% of women
#737b99 Deuteranomaly 6% of men, 0.4% of women
#697f8f Tritanomaly 0.01% of the population

#677995 hex color

#677995 Color Information

#677995 Color Conversion

Color Schemes with #677995

Alternatives to #677995

#677995 Preview

Shades and Tints of #677995

Tones of #677995

Color Blindness Simulator