#688180 hex color

In a RGB color space, hex #688180 is composed of 40.8% red, 50.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 0.8% yellow and 49.4% black. It has a hue angle of 177.6 degrees, a saturation of 10.7% and a lightness of 45.7%. #688180 color hex could be obtained by blending #d0ffff with #000301. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 51
- B 50
RGB color chart
- C 19
- M 0
- Y 1
- K 49
CMYK color chart

● #688180 color description : Dark grayish cyan.

The hexadecimal color #688180 has RGB values of R:104, G:129, B:128 and CMYK values of C:0.19, M:0, Y:0.01, K:0.49. Its decimal value is 6848896.

Hex triplet	688180	`#688180`
RGB Decimal	104, 129, 128	`rgb(104,129,128)`
RGB Percent	40.8, 50.6, 50.2	`rgb(40.8%,50.6%,50.2%)`
CMYK	19, 0, 1, 49
HSL	177.6°, 10.7, 45.7	`hsl(177.6,10.7%,45.7%)`
HSV (or HSB)	177.6°, 19.4, 50.6
Web Safe	669999	`#669999`

CIE-LAB	52.064, -9.179, -2.446
XYZ	17.455, 20.202, 23.401
xyY	0.286, 0.331, 20.202
CIE-LCH	52.064, 9.5, 194.922
CIE-LUV	52.064, -12.948, -2.001
Hunter-Lab	44.946, -9.337, 0.594
Binary	01101000, 10000001, 10000000

#688180
```
#688180 rgb(104,129,128)
```
#816869
```
#816869 rgb(129,104,105)
```

Complementary Color

#688174
```
#688174 rgb(104,129,116)
```
#688180
```
#688180 rgb(104,129,128)
```
#687681
```
#687681 rgb(104,118,129)
```

Analogous Color

#817468
```
#817468 rgb(129,116,104)
```
#688180
```
#688180 rgb(104,129,128)
```
#816876
```
#816876 rgb(129,104,118)
```

Split Complementary Color

#818068
```
#818068 rgb(129,128,104)
```
#688180
```
#688180 rgb(104,129,128)
```
#806881
```
#806881 rgb(128,104,129)
```

Triadic Color

#698168
```
#698168 rgb(105,129,104)
```
#688180
```
#688180 rgb(104,129,128)
```
#806881
```
#806881 rgb(128,104,129)
```
#816869
```
#816869 rgb(129,104,105)
```

Tetradic Color

#465756
```
#465756 rgb(70,87,86)
```
#516564
```
#516564 rgb(81,101,100)
```
#5d7372
```
#5d7372 rgb(93,115,114)
```
#688180
```
#688180 rgb(104,129,128)
```
#748f8e
```
#748f8e rgb(116,143,142)
```
#829a99
```
#829a99 rgb(130,154,153)
```
#90a6a5
```
#90a6a5 rgb(144,166,165)
```

Monochromatic Color

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

#68817a
```
#68817a rgb(104,129,122)
```
#68817c
```
#68817c rgb(104,129,124)
```
#68817e
```
#68817e rgb(104,129,126)
```
#688180
```
#688180 rgb(104,129,128)
```
#688081
```
#688081 rgb(104,128,129)
```
#687e81
```
#687e81 rgb(104,126,129)
```
#687c81
```
#687c81 rgb(104,124,129)
```

Similar Colors

Text with hexadecimal color #688180

This text has a font color of #688180.

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

#688180 background color

This paragraph has a background color of #688180.

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

#688180 border color

This element has a border color of #688180.

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

CSS codes

.text {color:#688180;}

.background {background-color:#688180;}

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

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, #080a09 is the darkest color, while #fefefe is the lightest one.

#080a09
```
#080a09 rgb(8,10,9)
```
#101414
```
#101414 rgb(16,20,20)
```
#191f1f
```
#191f1f rgb(25,31,31)
```
#222a2a
```
#222a2a rgb(34,42,42)
```
#2b3535
```
#2b3535 rgb(43,53,53)
```
#33403f
```
#33403f rgb(51,64,63)
```
#3c4b4a
```
#3c4b4a rgb(60,75,74)
```
#455655
```
#455655 rgb(69,86,85)
```
#4e6060
```
#4e6060 rgb(78,96,96)
```
#566b6a
```
#566b6a rgb(86,107,106)
```
#5f7675
```
#5f7675 rgb(95,118,117)
```
#688180
```
#688180 rgb(104,129,128)
```
#718c8b
```
#718c8b rgb(113,140,139)
```

Shade Color Variation

#7b9594
```
#7b9594 rgb(123,149,148)
```
#869e9d
```
#869e9d rgb(134,158,157)
```
#91a6a6
```
#91a6a6 rgb(145,166,166)
```
#9cafae
```
#9cafae rgb(156,175,174)
```
#a7b8b7
```
#a7b8b7 rgb(167,184,183)
```
#b2c1c0
```
#b2c1c0 rgb(178,193,192)
```
#bdc9c9
```
#bdc9c9 rgb(189,201,201)
```
#c7d2d2
```
#c7d2d2 rgb(199,210,210)
```
#d2dbdb
```
#d2dbdb rgb(210,219,219)
```
#dde4e3
```
#dde4e3 rgb(221,228,227)
```
#e8ecec
```
#e8ecec rgb(232,236,236)
```
#f3f5f5
```
#f3f5f5 rgb(243,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#717878
```
#717878 rgb(113,120,120)
```
#688180
```
#688180 rgb(104,129,128)
```
#5f8a88
```
#5f8a88 rgb(95,138,136)
```
#569390
```
#569390 rgb(86,147,144)
```
#4d9c99
```
#4d9c99 rgb(77,156,153)
```
#44a5a1
```
#44a5a1 rgb(68,165,161)
```
#3baea9
```
#3baea9 rgb(59,174,169)
```
#32b7b1
```
#32b7b1 rgb(50,183,177)
```
#29c0ba
```
#29c0ba rgb(41,192,186)
```
#20c9c2
```
#20c9c2 rgb(32,201,194)
```
#17d2ca
```
#17d2ca rgb(23,210,202)
```
#0edbd2
```
#0edbd2 rgb(14,219,210)
```
#05e4db
```
#05e4db rgb(5,228,219)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#767b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#848283 Protanopia 1% of men
#8c7f89 Deuteranopia 1% of men
#72868f Tritanopia 0.001% of the population

Trichromacy

#7a8182 Protanomaly 1% of men, 0.01% of women
#7e7f85 Deuteranomaly 6% of men, 0.4% of women
#6e848a Tritanomaly 0.01% of the population

#688180 hex color

#688180 Color Information

#688180 Color Conversion

Color Schemes with #688180

Alternatives to #688180

#688180 Preview

Shades and Tints of #688180

Tones of #688180

Color Blindness Simulator