#69b696 hex color

In a RGB color space, hex #69b696 is composed of 41.2% red, 71.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 0% magenta, 17.6% yellow and 28.6% black. It has a hue angle of 155.1 degrees, a saturation of 34.5% and a lightness of 56.3%. #69b696 color hex could be obtained by blending #d2ffff with #006d2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 41
- G 71
- B 59
RGB color chart
- C 42
- M 0
- Y 18
- K 29
CMYK color chart

● #69b696 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #69b696 has RGB values of R:105, G:182, B:150 and CMYK values of C:0.42, M:0, Y:0.18, K:0.29. Its decimal value is 6928022.

Hex triplet	69b696	`#69b696`
RGB Decimal	105, 182, 150	`rgb(105,182,150)`
RGB Percent	41.2, 71.4, 58.8	`rgb(41.2%,71.4%,58.8%)`
CMYK	42, 0, 18, 29
HSL	155.1°, 34.5, 56.3	`hsl(155.1,34.5%,56.3%)`
HSV (or HSB)	155.1°, 42.3, 71.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.504, -31.323, 8.907
XYZ	28.057, 38.66, 34.836
xyY	0.276, 0.381, 38.66
CIE-LCH	68.504, 32.565, 164.127
CIE-LUV	68.504, -35.905, 17.832
Hunter-Lab	62.177, -28.262, 10.305
Binary	01101001, 10110110, 10010110

#69b696
```
#69b696 rgb(105,182,150)
```
#b66989
```
#b66989 rgb(182,105,137)
```

Complementary Color

#69b670
```
#69b670 rgb(105,182,112)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```

Analogous Color

#b67069
```
#b67069 rgb(182,112,105)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#b669b0
```
#b669b0 rgb(182,105,176)
```

Split Complementary Color

#b69669
```
#b69669 rgb(182,150,105)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#9669b6
```
#9669b6 rgb(150,105,182)
```

Triadic Color

#89b669
```
#89b669 rgb(137,182,105)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#9669b6
```
#9669b6 rgb(150,105,182)
```
#b66989
```
#b66989 rgb(182,105,137)
```

Tetradic Color

#458e6f
```
#458e6f rgb(69,142,111)
```
#4d9f7d
```
#4d9f7d rgb(77,159,125)
```
#58ae8a
```
#58ae8a rgb(88,174,138)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#7abea2
```
#7abea2 rgb(122,190,162)
```
#8bc7ae
```
#8bc7ae rgb(139,199,174)
```
#9ccfba
```
#9ccfba rgb(156,207,186)
```

Monochromatic Color

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

#69b683
```
#69b683 rgb(105,182,131)
```
#69b689
```
#69b689 rgb(105,182,137)
```
#69b690
```
#69b690 rgb(105,182,144)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#69b69c
```
#69b69c rgb(105,182,156)
```
#69b6a3
```
#69b6a3 rgb(105,182,163)
```
#69b6a9
```
#69b6a9 rgb(105,182,169)
```

Similar Colors

Text with hexadecimal color #69b696

This text has a font color of #69b696.

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

#69b696 background color

This paragraph has a background color of #69b696.

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

#69b696 border color

This element has a border color of #69b696.

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

CSS codes

.text {color:#69b696;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1611
```
#0a1611 rgb(10,22,17)
```
#11231b
```
#11231b rgb(17,35,27)
```
#173026
```
#173026 rgb(23,48,38)
```
#1e3d30
```
#1e3d30 rgb(30,61,48)
```
#244a3a
```
#244a3a rgb(36,74,58)
```
#2b5745
```
#2b5745 rgb(43,87,69)
```
#31654f
```
#31654f rgb(49,101,79)
```
#37725a
```
#37725a rgb(55,114,90)
```
#3e7f64
```
#3e7f64 rgb(62,127,100)
```
#448c6e
```
#448c6e rgb(68,140,110)
```
#4b9979
```
#4b9979 rgb(75,153,121)
```
#51a783
```
#51a783 rgb(81,167,131)
```

Shade Color Variation

#5cb08d
```
#5cb08d rgb(92,176,141)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#76bc9f
```
#76bc9f rgb(118,188,159)
```
#83c3a8
```
#83c3a8 rgb(131,195,168)
```
#91c9b2
```
#91c9b2 rgb(145,201,178)
```
#9ed0bb
```
#9ed0bb rgb(158,208,187)
```
#abd6c4
```
#abd6c4 rgb(171,214,196)
```
#b8ddcd
```
#b8ddcd rgb(184,221,205)
```
#c5e3d7
```
#c5e3d7 rgb(197,227,215)
```
#d3e9e0
```
#d3e9e0 rgb(211,233,224)
```
#e0f0e9
```
#e0f0e9 rgb(224,240,233)
```
#edf6f2
```
#edf6f2 rgb(237,246,242)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9490 is the less saturated color, while #24fba2 is the most saturated one.

#8b9490
```
#8b9490 rgb(139,148,144)
```
#839c92
```
#839c92 rgb(131,156,146)
```
#7aa593
```
#7aa593 rgb(122,165,147)
```
#72ad95
```
#72ad95 rgb(114,173,149)
```
#69b696
```
#69b696 rgb(105,182,150)
```
#60bf97
```
#60bf97 rgb(96,191,151)
```
#58c799
```
#58c799 rgb(88,199,153)
```
#4fd09a
```
#4fd09a rgb(79,208,154)
```
#47d89c
```
#47d89c rgb(71,216,156)
```
#3ee19d
```
#3ee19d rgb(62,225,157)
```
#36e99f
```
#36e99f rgb(54,233,159)
```
#2df2a0
```
#2df2a0 rgb(45,242,160)
```
#24fba2
```
#24fba2 rgb(36,251,162)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#91a09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ab94 Protanopia 1% of men
#bfa6a2 Deuteranopia 1% of men
#7cb4c1 Tritanopia 0.001% of the population

Trichromacy

#98af95 Protanomaly 1% of men, 0.01% of women
#9fab9d Deuteranomaly 6% of men, 0.4% of women
#75b4b1 Tritanomaly 0.01% of the population

#69b696 hex color

#69b696 Color Information

#69b696 Color Conversion

Color Schemes with #69b696

Alternatives to #69b696

#69b696 Preview

Shades and Tints of #69b696

Tones of #69b696

Color Blindness Simulator