#689d96 hex color

In a RGB color space, hex #689d96 is composed of 40.8% red, 61.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 0% magenta, 4.5% yellow and 38.4% black. It has a hue angle of 172.1 degrees, a saturation of 21.3% and a lightness of 51.2%. #689d96 color hex could be obtained by blending #d0ffff with #003b2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 62
- B 59
RGB color chart
- C 34
- M 0
- Y 4
- K 38
CMYK color chart

● #689d96 color description : Mostly desaturated dark cyan.

The hexadecimal color #689d96 has RGB values of R:104, G:157, B:150 and CMYK values of C:0.34, M:0, Y:0.04, K:0.38. Its decimal value is 6856086.

Hex triplet	689d96	`#689d96`
RGB Decimal	104, 157, 150	`rgb(104,157,150)`
RGB Percent	40.8, 61.6, 58.8	`rgb(40.8%,61.6%,58.8%)`
CMYK	34, 0, 4, 38
HSL	172.1°, 21.3, 51.2	`hsl(172.1,21.3%,51.2%)`
HSV (or HSB)	172.1°, 33.8, 61.6
Web Safe	669999	`#669999`

CIE-LAB	61.009, -19.144, -1.94
XYZ	23.269, 29.258, 33.274
xyY	0.271, 0.341, 29.258
CIE-LCH	61.009, 19.242, 185.786
CIE-LUV	61.009, -25.545, 0.191
Hunter-Lab	54.091, -17.869, 1.391
Binary	01101000, 10011101, 10010110

#689d96
```
#689d96 rgb(104,157,150)
```
#9d686f
```
#9d686f rgb(157,104,111)
```

Complementary Color

#689d7c
```
#689d7c rgb(104,157,124)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#688a9d
```
#688a9d rgb(104,138,157)
```

Analogous Color

#9d7c68
```
#9d7c68 rgb(157,124,104)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#9d688a
```
#9d688a rgb(157,104,138)
```

Split Complementary Color

#9d9668
```
#9d9668 rgb(157,150,104)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#96689d
```
#96689d rgb(150,104,157)
```

Triadic Color

#6f9d68
```
#6f9d68 rgb(111,157,104)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#96689d
```
#96689d rgb(150,104,157)
```
#9d686f
```
#9d686f rgb(157,104,111)
```

Tetradic Color

#49706b
```
#49706b rgb(73,112,107)
```
#537f79
```
#537f79 rgb(83,127,121)
```
#5d8f88
```
#5d8f88 rgb(93,143,136)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#77a7a1
```
#77a7a1 rgb(119,167,161)
```
#87b1ac
```
#87b1ac rgb(135,177,172)
```
#96bbb6
```
#96bbb6 rgb(150,187,182)
```

Monochromatic Color

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

#689d89
```
#689d89 rgb(104,157,137)
```
#689d8d
```
#689d8d rgb(104,157,141)
```
#689d92
```
#689d92 rgb(104,157,146)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#689d9a
```
#689d9a rgb(104,157,154)
```
#689b9d
```
#689b9d rgb(104,155,157)
```
#68979d
```
#68979d rgb(104,151,157)
```

Similar Colors

Text with hexadecimal color #689d96

This text has a font color of #689d96.

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

#689d96 background color

This paragraph has a background color of #689d96.

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

#689d96 border color

This element has a border color of #689d96.

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

CSS codes

.text {color:#689d96;}

.background {background-color:#689d96;}

.border {border:1px solid #689d96;}

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

#020403
```
#020403 rgb(2,4,3)
```
#0a100f
```
#0a100f rgb(10,16,15)
```
#121b1a
```
#121b1a rgb(18,27,26)
```
#1a2726
```
#1a2726 rgb(26,39,38)
```
#213331
```
#213331 rgb(33,51,49)
```
#293f3c
```
#293f3c rgb(41,63,60)
```
#314b48
```
#314b48 rgb(49,75,72)
```
#385753
```
#385753 rgb(56,87,83)
```
#40635e
```
#40635e rgb(64,99,94)
```
#486f6a
```
#486f6a rgb(72,111,106)
```
#507b75
```
#507b75 rgb(80,123,117)
```
#578680
```
#578680 rgb(87,134,128)
```
#5f928c
```
#5f928c rgb(95,146,140)
```

Shade Color Variation

#689d96
```
#689d96 rgb(104,157,150)
```
#74a59e
```
#74a59e rgb(116,165,158)
```
#80aca7
```
#80aca7 rgb(128,172,167)
```
#8cb4af
```
#8cb4af rgb(140,180,175)
```
#98bcb7
```
#98bcb7 rgb(152,188,183)
```
#a3c4bf
```
#a3c4bf rgb(163,196,191)
```
#afcbc8
```
#afcbc8 rgb(175,203,200)
```
#bbd3d0
```
#bbd3d0 rgb(187,211,208)
```
#c7dbd8
```
#c7dbd8 rgb(199,219,216)
```
#d3e2e0
```
#d3e2e0 rgb(211,226,224)
```
#dfeae9
```
#dfeae9 rgb(223,234,233)
```
#ebf2f1
```
#ebf2f1 rgb(235,242,241)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#7b8a88
```
#7b8a88 rgb(123,138,136)
```
#72938f
```
#72938f rgb(114,147,143)
```
#689d96
```
#689d96 rgb(104,157,150)
```
#5ea79d
```
#5ea79d rgb(94,167,157)
```
#55b0a4
```
#55b0a4 rgb(85,176,164)
```
#4bbaab
```
#4bbaab rgb(75,186,171)
```
#42c3b2
```
#42c3b2 rgb(66,195,178)
```
#38cdb9
```
#38cdb9 rgb(56,205,185)
```
#2fd6c0
```
#2fd6c0 rgb(47,214,192)
```
#25e0c7
```
#25e0c7 rgb(37,224,199)
```
#1beace
```
#1beace rgb(27,234,206)
```
#12f3d5
```
#12f3d5 rgb(18,243,213)
```
#08fddc
```
#08fddc rgb(8,253,220)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#858f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9896 Protanopia 1% of men
#a394a0 Deuteranopia 1% of men
#749fab Tritanopia 0.001% of the population

Trichromacy

#899996 Protanomaly 1% of men, 0.01% of women
#8d979c Deuteranomaly 6% of men, 0.4% of women
#6f9ea3 Tritanomaly 0.01% of the population

#689d96 hex color

#689d96 Color Information

#689d96 Color Conversion

Color Schemes with #689d96

Alternatives to #689d96

#689d96 Preview

Shades and Tints of #689d96

Tones of #689d96

Color Blindness Simulator