#69a696 hex color

In a RGB color space, hex #69a696 is composed of 41.2% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 36.7% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 164.3 degrees, a saturation of 25.5% and a lightness of 53.1%. #69a696 color hex could be obtained by blending #d2ffff with #004d2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 65
- B 59
RGB color chart
- C 37
- M 0
- Y 10
- K 35
CMYK color chart

● #69a696 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #69a696 has RGB values of R:105, G:166, B:150 and CMYK values of C:0.37, M:0, Y:0.1, K:0.35. Its decimal value is 6923926.

Hex triplet	69a696	`#69a696`
RGB Decimal	105, 166, 150	`rgb(105,166,150)`
RGB Percent	41.2, 65.1, 58.8	`rgb(41.2%,65.1%,58.8%)`
CMYK	37, 0, 10, 35
HSL	164.3°, 25.5, 53.1	`hsl(164.3,25.5%,53.1%)`
HSV (or HSB)	164.3°, 36.7, 65.1
Web Safe	669999	`#669999`

CIE-LAB	63.735, -23.473, 2.046
XYZ	24.965, 32.476, 33.806
xyY	0.274, 0.356, 32.476
CIE-LCH	63.735, 23.562, 175.017
CIE-LUV	63.735, -29.061, 6.685
Hunter-Lab	56.988, -21.532, 4.721
Binary	01101001, 10100110, 10010110

#69a696
```
#69a696 rgb(105,166,150)
```
#a66979
```
#a66979 rgb(166,105,121)
```

Complementary Color

#69a678
```
#69a678 rgb(105,166,120)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#6998a6
```
#6998a6 rgb(105,152,166)
```

Analogous Color

#a67869
```
#a67869 rgb(166,120,105)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#a66998
```
#a66998 rgb(166,105,152)
```

Split Complementary Color

#a69669
```
#a69669 rgb(166,150,105)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#9669a6
```
#9669a6 rgb(150,105,166)
```

Triadic Color

#79a669
```
#79a669 rgb(121,166,105)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#9669a6
```
#9669a6 rgb(150,105,166)
```
#a66979
```
#a66979 rgb(166,105,121)
```

Tetradic Color

#487a6d
```
#487a6d rgb(72,122,109)
```
#528a7b
```
#528a7b rgb(82,138,123)
```
#5b9a8a
```
#5b9a8a rgb(91,154,138)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#79afa1
```
#79afa1 rgb(121,175,161)
```
#89b9ac
```
#89b9ac rgb(137,185,172)
```
#99c2b8
```
#99c2b8 rgb(153,194,184)
```

Monochromatic Color

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

#69a687
```
#69a687 rgb(105,166,135)
```
#69a68c
```
#69a68c rgb(105,166,140)
```
#69a691
```
#69a691 rgb(105,166,145)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#69a69b
```
#69a69b rgb(105,166,155)
```
#69a6a0
```
#69a6a0 rgb(105,166,160)
```
#69a6a5
```
#69a6a5 rgb(105,166,165)
```

Similar Colors

Text with hexadecimal color #69a696

This text has a font color of #69a696.

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

#69a696 background color

This paragraph has a background color of #69a696.

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

#69a696 border color

This element has a border color of #69a696.

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

CSS codes

.text {color:#69a696;}

.background {background-color:#69a696;}

.border {border:1px solid #69a696;}

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

#060a09
```
#060a09 rgb(6,10,9)
```
#0d1614
```
#0d1614 rgb(13,22,20)
```
#15231f
```
#15231f rgb(21,35,31)
```
#1c2f2a
```
#1c2f2a rgb(28,47,42)
```
#233b35
```
#233b35 rgb(35,59,53)
```
#2a4840
```
#2a4840 rgb(42,72,64)
```
#32544b
```
#32544b rgb(50,84,75)
```
#396056
```
#396056 rgb(57,96,86)
```
#406d61
```
#406d61 rgb(64,109,97)
```
#48796c
```
#48796c rgb(72,121,108)
```
#4f8577
```
#4f8577 rgb(79,133,119)
```
#569182
```
#569182 rgb(86,145,130)
```
#5e9e8d
```
#5e9e8d rgb(94,158,141)
```

Shade Color Variation

#69a696
```
#69a696 rgb(105,166,150)
```
#75ad9f
```
#75ad9f rgb(117,173,159)
```
#82b5a7
```
#82b5a7 rgb(130,181,167)
```
#8ebcb0
```
#8ebcb0 rgb(142,188,176)
```
#9ac3b8
```
#9ac3b8 rgb(154,195,184)
```
#a7cbc1
```
#a7cbc1 rgb(167,203,193)
```
#b3d2ca
```
#b3d2ca rgb(179,210,202)
```
#bfd9d2
```
#bfd9d2 rgb(191,217,210)
```
#cbe0db
```
#cbe0db rgb(203,224,219)
```
#d8e8e4
```
#d8e8e4 rgb(216,232,228)
```
#e4efec
```
#e4efec rgb(228,239,236)
```
#f0f6f5
```
#f0f6f5 rgb(240,246,245)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a89 is the less saturated color, while #16f9bd is the most saturated one.

#858a89
```
#858a89 rgb(133,138,137)
```
#7b948d
```
#7b948d rgb(123,148,141)
```
#729d92
```
#729d92 rgb(114,157,146)
```
#69a696
```
#69a696 rgb(105,166,150)
```
#60af9a
```
#60af9a rgb(96,175,154)
```
#57b89f
```
#57b89f rgb(87,184,159)
```
#4dc2a3
```
#4dc2a3 rgb(77,194,163)
```
#44cba7
```
#44cba7 rgb(68,203,167)
```
#3bd4ac
```
#3bd4ac rgb(59,212,172)
```
#32ddb0
```
#32ddb0 rgb(50,221,176)
```
#29e6b5
```
#29e6b5 rgb(41,230,181)
```
#1ff0b9
```
#1ff0b9 rgb(31,240,185)
```
#16f9bd
```
#16f9bd rgb(22,249,189)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8a9693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49e95 Protanopia 1% of men
#ad9aa0 Deuteranopia 1% of men
#77a7b3 Tritanopia 0.001% of the population

Trichromacy

#8fa195 Protanomaly 1% of men, 0.01% of women
#949e9c Deuteranomaly 6% of men, 0.4% of women
#72a6a8 Tritanomaly 0.01% of the population

#69a696 hex color

#69a696 Color Information

#69a696 Color Conversion

Color Schemes with #69a696

Alternatives to #69a696

#69a696 Preview

Shades and Tints of #69a696

Tones of #69a696

Color Blindness Simulator