#687d85 hex color

In a RGB color space, hex #687d85 is composed of 40.8% red, 49% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 6% magenta, 0% yellow and 47.8% black. It has a hue angle of 196.6 degrees, a saturation of 12.2% and a lightness of 46.5%. #687d85 color hex could be obtained by blending #d0faff with #00000b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 49
- B 52
RGB color chart
- C 22
- M 6
- Y 0
- K 48
CMYK color chart

● #687d85 color description : Dark grayish blue.

The hexadecimal color #687d85 has RGB values of R:104, G:125, B:133 and CMYK values of C:0.22, M:0.06, Y:0, K:0.48. Its decimal value is 6847877.

Hex triplet	687d85	`#687d85`
RGB Decimal	104, 125, 133	`rgb(104,125,133)`
RGB Percent	40.8, 49, 52.2	`rgb(40.8%,49%,52.2%)`
CMYK	22, 6, 0, 48
HSL	196.6°, 12.2, 46.5	`hsl(196.6,12.2%,46.5%)`
HSV (or HSB)	196.6°, 21.8, 52.2
Web Safe	666699	`#666699`

CIE-LAB	51.04, -5.741, -6.889
XYZ	17.275, 19.303, 25.005
xyY	0.281, 0.313, 19.303
CIE-LCH	51.04, 8.968, 230.194
CIE-LUV	51.04, -11.194, -8.861
Hunter-Lab	43.936, -6.702, -2.988
Binary	01101000, 01111101, 10000101

#687d85
```
#687d85 rgb(104,125,133)
```
#857068
```
#857068 rgb(133,112,104)
```

Complementary Color

#68857f
```
#68857f rgb(104,133,127)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#686f85
```
#686f85 rgb(104,111,133)
```

Analogous Color

#857f68
```
#857f68 rgb(133,127,104)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#85686f
```
#85686f rgb(133,104,111)
```

Split Complementary Color

#7d8568
```
#7d8568 rgb(125,133,104)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#85687d
```
#85687d rgb(133,104,125)
```

Triadic Color

#688570
```
#688570 rgb(104,133,112)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#85687d
```
#85687d rgb(133,104,125)
```
#857068
```
#857068 rgb(133,112,104)
```

Tetradic Color

#46555a
```
#46555a rgb(70,85,90)
```
#526268
```
#526268 rgb(82,98,104)
```
#5d7077
```
#5d7077 rgb(93,112,119)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#748a92
```
#748a92 rgb(116,138,146)
```
#82969e
```
#82969e rgb(130,150,158)
```
#91a2a9
```
#91a2a9 rgb(145,162,169)
```

Monochromatic Color

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

#688485
```
#688485 rgb(104,132,133)
```
#688285
```
#688285 rgb(104,130,133)
```
#687f85
```
#687f85 rgb(104,127,133)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#687b85
```
#687b85 rgb(104,123,133)
```
#687885
```
#687885 rgb(104,120,133)
```
#687685
```
#687685 rgb(104,118,133)
```

Similar Colors

Text with hexadecimal color #687d85

This text has a font color of #687d85.

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

#687d85 background color

This paragraph has a background color of #687d85.

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

#687d85 border color

This element has a border color of #687d85.

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

CSS codes

.text {color:#687d85;}

.background {background-color:#687d85;}

.border {border:1px solid #687d85;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090b0c
```
#090b0c rgb(9,11,12)
```
#121617
```
#121617 rgb(18,22,23)
```
#1b2022
```
#1b2022 rgb(27,32,34)
```
#232a2d
```
#232a2d rgb(35,42,45)
```
#2c3538
```
#2c3538 rgb(44,53,56)
```
#343f43
```
#343f43 rgb(52,63,67)
```
#3d494e
```
#3d494e rgb(61,73,78)
```
#465459
```
#465459 rgb(70,84,89)
```
#4e5e64
```
#4e5e64 rgb(78,94,100)
```
#57686f
```
#57686f rgb(87,104,111)
```
#5f737a
```
#5f737a rgb(95,115,122)
```
#687d85
```
#687d85 rgb(104,125,133)
```

Shade Color Variation

#718790
```
#718790 rgb(113,135,144)
```
#7c9198
```
#7c9198 rgb(124,145,152)
```
#879aa1
```
#879aa1 rgb(135,154,161)
```
#92a3aa
```
#92a3aa rgb(146,163,170)
```
#9dacb2
```
#9dacb2 rgb(157,172,178)
```
#a8b6bb
```
#a8b6bb rgb(168,182,187)
```
#b3bfc3
```
#b3bfc3 rgb(179,191,195)
```
#bec8cc
```
#bec8cc rgb(190,200,204)
```
#c9d1d5
```
#c9d1d5 rgb(201,209,213)
```
#d4dbdd
```
#d4dbdd rgb(212,219,221)
```
#dfe4e6
```
#dfe4e6 rgb(223,228,230)
```
#eaedee
```
#eaedee rgb(234,237,238)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#71797c
```
#71797c rgb(113,121,124)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#5f818e
```
#5f818e rgb(95,129,142)
```
#568597
```
#568597 rgb(86,133,151)
```
#4d89a0
```
#4d89a0 rgb(77,137,160)
```
#448da9
```
#448da9 rgb(68,141,169)
```
#3a91b3
```
#3a91b3 rgb(58,145,179)
```
#3196bc
```
#3196bc rgb(49,150,188)
```
#289ac5
```
#289ac5 rgb(40,154,197)
```
#1f9ece
```
#1f9ece rgb(31,158,206)
```
#16a2d7
```
#16a2d7 rgb(22,162,215)
```
#0da6e0
```
#0da6e0 rgb(13,166,224)
```
#04aae9
```
#04aae9 rgb(4,170,233)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#75797b Atypical Achromatopsia 0.001% of the population

Dichromacy

#807f89 Protanopia 1% of men
#867d8d Deuteranopia 1% of men
#70838c Tritanopia 0.001% of the population

Trichromacy

#777e87 Protanomaly 1% of men, 0.01% of women
#7b7d8a Deuteranomaly 6% of men, 0.4% of women
#6d818a Tritanomaly 0.01% of the population

#687d85 hex color

#687d85 Color Information

#687d85 Color Conversion

Color Schemes with #687d85

Alternatives to #687d85

#687d85 Preview

Shades and Tints of #687d85

Tones of #687d85

Color Blindness Simulator