#69d9dd hex color

In a RGB color space, hex #69d9dd is composed of 41.2% red, 85.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 1.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 182.1 degrees, a saturation of 63% and a lightness of 63.9%. #69d9dd color hex could be obtained by blending #d2ffff with #00b3bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 85
- B 87
RGB color chart
- C 52
- M 2
- Y 0
- K 13
CMYK color chart

● #69d9dd color description : Soft cyan.

The hexadecimal color #69d9dd has RGB values of R:105, G:217, B:221 and CMYK values of C:0.52, M:0.02, Y:0, K:0.13. Its decimal value is 6937053.

Hex triplet	69d9dd	`#69d9dd`
RGB Decimal	105, 217, 221	`rgb(105,217,221)`
RGB Percent	41.2, 85.1, 86.7	`rgb(41.2%,85.1%,86.7%)`
CMYK	52, 2, 0, 13
HSL	182.1°, 63, 63.9	`hsl(182.1,63%,63.9%)`
HSV (or HSB)	182.1°, 52.5, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.653, -30.742, -11.747
XYZ	43.686, 57.846, 77.266
xyY	0.244, 0.324, 57.846
CIE-LCH	80.653, 32.91, 200.913
CIE-LUV	80.653, -47.163, -13.551
Hunter-Lab	76.057, -30.571, -6.993
Binary	01101001, 11011001, 11011101

#69d9dd
```
#69d9dd rgb(105,217,221)
```
#dd6d69
```
#dd6d69 rgb(221,109,105)
```

Complementary Color

#69dda7
```
#69dda7 rgb(105,221,167)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#699fdd
```
#699fdd rgb(105,159,221)
```

Analogous Color

#dda769
```
#dda769 rgb(221,167,105)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#dd699f
```
#dd699f rgb(221,105,159)
```

Split Complementary Color

#d9dd69
```
#d9dd69 rgb(217,221,105)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#dd69d9
```
#dd69d9 rgb(221,105,217)
```

Triadic Color

#69dd6d
```
#69dd6d rgb(105,221,109)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#dd69d9
```
#dd69d9 rgb(221,105,217)
```
#dd6d69
```
#dd6d69 rgb(221,109,105)
```

Tetradic Color

#2ec6cb
```
#2ec6cb rgb(46,198,203)
```
#3fced4
```
#3fced4 rgb(63,206,212)
```
#54d4d8
```
#54d4d8 rgb(84,212,216)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#7edee2
```
#7edee2 rgb(126,222,226)
```
#93e4e6
```
#93e4e6 rgb(147,228,230)
```
#a7e9eb
```
#a7e9eb rgb(167,233,235)
```

Monochromatic Color

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

#69ddc4
```
#69ddc4 rgb(105,221,196)
```
#69ddce
```
#69ddce rgb(105,221,206)
```
#69ddd7
```
#69ddd7 rgb(105,221,215)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#69cfdd
```
#69cfdd rgb(105,207,221)
```
#69c6dd
```
#69c6dd rgb(105,198,221)
```
#69bcdd
```
#69bcdd rgb(105,188,221)
```

Similar Colors

Text with hexadecimal color #69d9dd

This text has a font color of #69d9dd.

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

#69d9dd background color

This paragraph has a background color of #69d9dd.

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

#69d9dd border color

This element has a border color of #69d9dd.

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

CSS codes

.text {color:#69d9dd;}

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

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

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, #020a0a is the darkest color, while #f9fdfe is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#09292a
```
#09292a rgb(9,41,42)
```
#0d383a
```
#0d383a rgb(13,56,58)
```
#11484a
```
#11484a rgb(17,72,74)
```
#14575a
```
#14575a rgb(20,87,90)
```
#18676a
```
#18676a rgb(24,103,106)
```
#1c777a
```
#1c777a rgb(28,119,122)
```
#1f868a
```
#1f868a rgb(31,134,138)
```
#23969a
```
#23969a rgb(35,150,154)
```
#26a5aa
```
#26a5aa rgb(38,165,170)
```
#2ab5ba
```
#2ab5ba rgb(42,181,186)
```
#2ec4ca
```
#2ec4ca rgb(46,196,202)
```

Shade Color Variation

#39cdd2
```
#39cdd2 rgb(57,205,210)
```
#49d1d6
```
#49d1d6 rgb(73,209,214)
```
#59d5d9
```
#59d5d9 rgb(89,213,217)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#79dde1
```
#79dde1 rgb(121,221,225)
```
#89e1e4
```
#89e1e4 rgb(137,225,228)
```
#99e5e8
```
#99e5e8 rgb(153,229,232)
```
#a9e9eb
```
#a9e9eb rgb(169,233,235)
```
#b9edef
```
#b9edef rgb(185,237,239)
```
#c9f1f3
```
#c9f1f3 rgb(201,241,243)
```
#d9f5f6
```
#d9f5f6 rgb(217,245,246)
```
#e9f9fa
```
#e9f9fa rgb(233,249,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#a2a4a4
```
#a2a4a4 rgb(162,164,164)
```
#9babab
```
#9babab rgb(155,171,171)
```
#93b1b3
```
#93b1b3 rgb(147,177,179)
```
#8cb8ba
```
#8cb8ba rgb(140,184,186)
```
#85bfc1
```
#85bfc1 rgb(133,191,193)
```
#7ec5c8
```
#7ec5c8 rgb(126,197,200)
```
#77cccf
```
#77cccf rgb(119,204,207)
```
#70d2d6
```
#70d2d6 rgb(112,210,214)
```
#69d9dd
```
#69d9dd rgb(105,217,221)
```
#62e0e4
```
#62e0e4 rgb(98,224,228)
```
#5be6eb
```
#5be6eb rgb(91,230,235)
```
#54edf2
```
#54edf2 rgb(84,237,242)
```
#4df3f9
```
#4df3f9 rgb(77,243,249)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a8bfbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc9d5 Protanopia 1% of men
#d0c6e6 Deuteranopia 1% of men
#75d9e9 Tritanopia 0.001% of the population

Trichromacy

#a7cfd7 Protanomaly 1% of men, 0.01% of women
#aacde2 Deuteranomaly 6% of men, 0.4% of women
#70d9e4 Tritanomaly 0.01% of the population

#69d9dd hex color

#69d9dd Color Information

#69d9dd Color Conversion

Color Schemes with #69d9dd

Alternatives to #69d9dd

#69d9dd Preview

Shades and Tints of #69d9dd

Tones of #69d9dd

Color Blindness Simulator