#688285 hex color

In a RGB color space, hex #688285 is composed of 40.8% red, 51% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 2.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 186.2 degrees, a saturation of 12.2% and a lightness of 46.5%. #688285 color hex could be obtained by blending #d0ffff with #00050b. Closest websafe color is: #669999.

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

● #688285 color description : Dark grayish cyan.

The hexadecimal color #688285 has RGB values of R:104, G:130, B:133 and CMYK values of C:0.22, M:0.02, Y:0, K:0.48. Its decimal value is 6849157.

Hex triplet	688285	`#688285`
RGB Decimal	104, 130, 133	`rgb(104,130,133)`
RGB Percent	40.8, 51, 52.2	`rgb(40.8%,51%,52.2%)`
CMYK	22, 2, 0, 48
HSL	186.2°, 12.2, 46.5	`hsl(186.2,12.2%,46.5%)`
HSV (or HSB)	186.2°, 21.8, 52.2
Web Safe	669999	`#669999`

CIE-LAB	52.51, -8.575, -4.707
XYZ	17.924, 20.601, 25.221
xyY	0.281, 0.323, 20.601
CIE-LCH	52.51, 9.782, 208.763
CIE-LUV	52.51, -13.488, -5.33
Hunter-Lab	45.389, -8.94, -1.174
Binary	01101000, 10000010, 10000101

#688285
```
#688285 rgb(104,130,133)
```
#856b68
```
#856b68 rgb(133,107,104)
```

Complementary Color

#68857a
```
#68857a rgb(104,133,122)
```
#688285
```
#688285 rgb(104,130,133)
```
#687485
```
#687485 rgb(104,116,133)
```

Analogous Color

#857a68
```
#857a68 rgb(133,122,104)
```
#688285
```
#688285 rgb(104,130,133)
```
#856874
```
#856874 rgb(133,104,116)
```

Split Complementary Color

#828568
```
#828568 rgb(130,133,104)
```
#688285
```
#688285 rgb(104,130,133)
```
#856882
```
#856882 rgb(133,104,130)
```

Triadic Color

#68856b
```
#68856b rgb(104,133,107)
```
#688285
```
#688285 rgb(104,130,133)
```
#856882
```
#856882 rgb(133,104,130)
```
#856b68
```
#856b68 rgb(133,107,104)
```

Tetradic Color

#46585a
```
#46585a rgb(70,88,90)
```
#526668
```
#526668 rgb(82,102,104)
```
#5d7477
```
#5d7477 rgb(93,116,119)
```
#688285
```
#688285 rgb(104,130,133)
```
#748f92
```
#748f92 rgb(116,143,146)
```
#829b9e
```
#829b9e rgb(130,155,158)
```
#91a6a9
```
#91a6a9 rgb(145,166,169)
```

Monochromatic Color

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

#688581
```
#688581 rgb(104,133,129)
```
#688583
```
#688583 rgb(104,133,131)
```
#688485
```
#688485 rgb(104,132,133)
```
#688285
```
#688285 rgb(104,130,133)
```
#688085
```
#688085 rgb(104,128,133)
```
#687d85
```
#687d85 rgb(104,125,133)
```
#687b85
```
#687b85 rgb(104,123,133)
```

Similar Colors

Text with hexadecimal color #688285

This text has a font color of #688285.

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

#688285 background color

This paragraph has a background color of #688285.

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

#688285 border color

This element has a border color of #688285.

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

CSS codes

.text {color:#688285;}

.background {background-color:#688285;}

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

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 #f5f7f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090c0c
```
#090c0c rgb(9,12,12)
```
#121617
```
#121617 rgb(18,22,23)
```
#1b2122
```
#1b2122 rgb(27,33,34)
```
#232c2d
```
#232c2d rgb(35,44,45)
```
#2c3738
```
#2c3738 rgb(44,55,56)
```
#344143
```
#344143 rgb(52,65,67)
```
#3d4c4e
```
#3d4c4e rgb(61,76,78)
```
#465759
```
#465759 rgb(70,87,89)
```
#4e6264
```
#4e6264 rgb(78,98,100)
```
#576c6f
```
#576c6f rgb(87,108,111)
```
#5f777a
```
#5f777a rgb(95,119,122)
```
#688285
```
#688285 rgb(104,130,133)
```

Shade Color Variation

#718d90
```
#718d90 rgb(113,141,144)
```
#7c9598
```
#7c9598 rgb(124,149,152)
```
#879ea1
```
#879ea1 rgb(135,158,161)
```
#92a7aa
```
#92a7aa rgb(146,167,170)
```
#9db0b2
```
#9db0b2 rgb(157,176,178)
```
#a8b9bb
```
#a8b9bb rgb(168,185,187)
```
#b3c2c3
```
#b3c2c3 rgb(179,194,195)
```
#becbcc
```
#becbcc rgb(190,203,204)
```
#c9d3d5
```
#c9d3d5 rgb(201,211,213)
```
#d4dcdd
```
#d4dcdd rgb(212,220,221)
```
#dfe5e6
```
#dfe5e6 rgb(223,229,230)
```
#eaeeee
```
#eaeeee rgb(234,238,238)
```
#f5f7f7
```
#f5f7f7 rgb(245,247,247)
```

Tint Color Variation

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

#717b7c
```
#717b7c rgb(113,123,124)
```
#688285
```
#688285 rgb(104,130,133)
```
#5f898e
```
#5f898e rgb(95,137,142)
```
#569097
```
#569097 rgb(86,144,151)
```
#4d98a0
```
#4d98a0 rgb(77,152,160)
```
#449fa9
```
#449fa9 rgb(68,159,169)
```
#3aa6b3
```
#3aa6b3 rgb(58,166,179)
```
#31adbc
```
#31adbc rgb(49,173,188)
```
#28b5c5
```
#28b5c5 rgb(40,181,197)
```
#1fbcce
```
#1fbcce rgb(31,188,206)
```
#16c3d7
```
#16c3d7 rgb(22,195,215)
```
#0dcae0
```
#0dcae0 rgb(13,202,224)
```
#04d2e9
```
#04d2e9 rgb(4,210,233)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#777c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#848388 Protanopia 1% of men
#8b808e Deuteranopia 1% of men
#718791 Tritanopia 0.001% of the population

Trichromacy

#7a8287 Protanomaly 1% of men, 0.01% of women
#7e818a Deuteranomaly 6% of men, 0.4% of women
#6d858c Tritanomaly 0.01% of the population

#688285 hex color

#688285 Color Information

#688285 Color Conversion

Color Schemes with #688285

Alternatives to #688285

#688285 Preview

Shades and Tints of #688285

Tones of #688285

Color Blindness Simulator