#676f81 hex color

In a RGB color space, hex #676f81 is composed of 40.4% red, 43.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 14% magenta, 0% yellow and 49.4% black. It has a hue angle of 221.5 degrees, a saturation of 11.2% and a lightness of 45.5%. #676f81 color hex could be obtained by blending #cedeff with #000003. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 44
- B 51
RGB color chart
- C 20
- M 14
- Y 0
- K 49
CMYK color chart

● #676f81 color description : Dark grayish blue.

The hexadecimal color #676f81 has RGB values of R:103, G:111, B:129 and CMYK values of C:0.2, M:0.14, Y:0, K:0.49. Its decimal value is 6778753.

Hex triplet	676f81	`#676f81`
RGB Decimal	103, 111, 129	`rgb(103,111,129)`
RGB Percent	40.4, 43.5, 50.6	`rgb(40.4%,43.5%,50.6%)`
CMYK	20, 14, 0, 49
HSL	221.5°, 11.2, 45.5	`hsl(221.5,11.2%,45.5%)`
HSV (or HSB)	221.5°, 20.2, 50.6
Web Safe	666699	`#666699`

CIE-LAB	46.76, 1.115, -10.941
XYZ	15.24, 15.837, 23.022
xyY	0.282, 0.293, 15.837
CIE-LCH	46.76, 10.998, 275.816
CIE-LUV	46.76, -5.135, -15.497
Hunter-Lab	39.796, -1.288, -6.442
Binary	01100111, 01101111, 10000001

#676f81
```
#676f81 rgb(103,111,129)
```
#817967
```
#817967 rgb(129,121,103)
```

Complementary Color

#677c81
```
#677c81 rgb(103,124,129)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#6c6781
```
#6c6781 rgb(108,103,129)
```

Analogous Color

#7c8167
```
#7c8167 rgb(124,129,103)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#816c67
```
#816c67 rgb(129,108,103)
```

Split Complementary Color

#6f8167
```
#6f8167 rgb(111,129,103)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#81676f
```
#81676f rgb(129,103,111)
```

Triadic Color

#678179
```
#678179 rgb(103,129,121)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#81676f
```
#81676f rgb(129,103,111)
```
#817967
```
#817967 rgb(129,121,103)
```

Tetradic Color

#454a56
```
#454a56 rgb(69,74,86)
```
#505765
```
#505765 rgb(80,87,101)
```
#5c6373
```
#5c6373 rgb(92,99,115)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#737b8f
```
#737b8f rgb(115,123,143)
```
#81899a
```
#81899a rgb(129,137,154)
```
#8f96a6
```
#8f96a6 rgb(143,150,166)
```

Monochromatic Color

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

#677681
```
#677681 rgb(103,118,129)
```
#677381
```
#677381 rgb(103,115,129)
```
#677181
```
#677181 rgb(103,113,129)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#676d81
```
#676d81 rgb(103,109,129)
```
#676b81
```
#676b81 rgb(103,107,129)
```
#676981
```
#676981 rgb(103,105,129)
```

Similar Colors

Text with hexadecimal color #676f81

This text has a font color of #676f81.

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

#676f81 background color

This paragraph has a background color of #676f81.

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

#676f81 border color

This element has a border color of #676f81.

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

CSS codes

.text {color:#676f81;}

.background {background-color:#676f81;}

.border {border:1px solid #676f81;}

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

#070809
```
#070809 rgb(7,8,9)
```
#101114
```
#101114 rgb(16,17,20)
```
#191b1f
```
#191b1f rgb(25,27,31)
```
#21242a
```
#21242a rgb(33,36,42)
```
#2a2d35
```
#2a2d35 rgb(42,45,53)
```
#333740
```
#333740 rgb(51,55,64)
```
#3b404a
```
#3b404a rgb(59,64,74)
```
#444955
```
#444955 rgb(68,73,85)
```
#4d5360
```
#4d5360 rgb(77,83,96)
```
#565c6b
```
#565c6b rgb(86,92,107)
```
#5e6676
```
#5e6676 rgb(94,102,118)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#70788c
```
#70788c rgb(112,120,140)
```

Shade Color Variation

#7a8295
```
#7a8295 rgb(122,130,149)
```
#858d9e
```
#858d9e rgb(133,141,158)
```
#9097a6
```
#9097a6 rgb(144,151,166)
```
#9ba1af
```
#9ba1af rgb(155,161,175)
```
#a6abb8
```
#a6abb8 rgb(166,171,184)
```
#b1b6c1
```
#b1b6c1 rgb(177,182,193)
```
#bcc0c9
```
#bcc0c9 rgb(188,192,201)
```
#c7cad2
```
#c7cad2 rgb(199,202,210)
```
#d1d4db
```
#d1d4db rgb(209,212,219)
```
#dcdfe3
```
#dcdfe3 rgb(220,223,227)
```
#e7e9ec
```
#e7e9ec rgb(231,233,236)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#707278
```
#707278 rgb(112,114,120)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#5e6c8a
```
#5e6c8a rgb(94,108,138)
```
#556893
```
#556893 rgb(85,104,147)
```
#4c659c
```
#4c659c rgb(76,101,156)
```
#4361a5
```
#4361a5 rgb(67,97,165)
```
#3a5eae
```
#3a5eae rgb(58,94,174)
```
#315ab7
```
#315ab7 rgb(49,90,183)
```
#2957bf
```
#2957bf rgb(41,87,191)
```
#2054c8
```
#2054c8 rgb(32,84,200)
```
#1750d1
```
#1750d1 rgb(23,80,209)
```
#0e4dda
```
#0e4dda rgb(14,77,218)
```
#0549e3
```
#0549e3 rgb(5,73,227)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6d6f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737586 Protanopia 1% of men
#787388 Deuteranopia 1% of men
#6d7780 Tritanopia 0.001% of the population

Trichromacy

#6e7384 Protanomaly 1% of men, 0.01% of women
#717285 Deuteranomaly 6% of men, 0.4% of women
#6b7480 Tritanomaly 0.01% of the population

#676f81 hex color

#676f81 Color Information

#676f81 Color Conversion

Color Schemes with #676f81

Alternatives to #676f81

#676f81 Preview

Shades and Tints of #676f81

Tones of #676f81

Color Blindness Simulator