#69d8dd hex color

In a RGB color space, hex #69d8dd is composed of 41.2% red, 84.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 2.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 182.6 degrees, a saturation of 63% and a lightness of 63.9%. #69d8dd color hex could be obtained by blending #d2ffff with #00b1bb. 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

● #69d8dd color description : Soft cyan.

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

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

CIE-LAB	80.366, -30.262, -12.176
XYZ	43.429, 57.332, 77.18
xyY	0.244, 0.322, 57.332
CIE-LCH	80.366, 32.62, 201.918
CIE-LUV	80.366, -46.784, -14.314
Hunter-Lab	75.718, -30.126, -7.432
Binary	01101001, 11011000, 11011101

#69d8dd
```
#69d8dd rgb(105,216,221)
```
#dd6e69
```
#dd6e69 rgb(221,110,105)
```

Complementary Color

#69dda8
```
#69dda8 rgb(105,221,168)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#699edd
```
#699edd rgb(105,158,221)
```

Analogous Color

#dda869
```
#dda869 rgb(221,168,105)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#dd699e
```
#dd699e rgb(221,105,158)
```

Split Complementary Color

#d8dd69
```
#d8dd69 rgb(216,221,105)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#dd69d8
```
#dd69d8 rgb(221,105,216)
```

Triadic Color

#69dd6e
```
#69dd6e rgb(105,221,110)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#dd69d8
```
#dd69d8 rgb(221,105,216)
```
#dd6e69
```
#dd6e69 rgb(221,110,105)
```

Tetradic Color

#2ec5cb
```
#2ec5cb rgb(46,197,203)
```
#3fcdd4
```
#3fcdd4 rgb(63,205,212)
```
#54d3d8
```
#54d3d8 rgb(84,211,216)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#7edde2
```
#7edde2 rgb(126,221,226)
```
#93e3e6
```
#93e3e6 rgb(147,227,230)
```
#a7e8eb
```
#a7e8eb rgb(167,232,235)
```

Monochromatic Color

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

#69ddc5
```
#69ddc5 rgb(105,221,197)
```
#69ddcf
```
#69ddcf rgb(105,221,207)
```
#69ddd8
```
#69ddd8 rgb(105,221,216)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#69cedd
```
#69cedd rgb(105,206,221)
```
#69c5dd
```
#69c5dd rgb(105,197,221)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```

Similar Colors

Text with hexadecimal color #69d8dd

This text has a font color of #69d8dd.

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

#69d8dd background color

This paragraph has a background color of #69d8dd.

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

#69d8dd border color

This element has a border color of #69d8dd.

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

CSS codes

.text {color:#69d8dd;}

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

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

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)
```
#09282a
```
#09282a rgb(9,40,42)
```
#0d383a
```
#0d383a rgb(13,56,58)
```
#11474a
```
#11474a rgb(17,71,74)
```
#14575a
```
#14575a rgb(20,87,90)
```
#18666a
```
#18666a rgb(24,102,106)
```
#1c767a
```
#1c767a rgb(28,118,122)
```
#1f858a
```
#1f858a rgb(31,133,138)
```
#23959a
```
#23959a rgb(35,149,154)
```
#26a4aa
```
#26a4aa rgb(38,164,170)
```
#2ab4ba
```
#2ab4ba rgb(42,180,186)
```
#2ec3ca
```
#2ec3ca rgb(46,195,202)
```

Shade Color Variation

#39ccd2
```
#39ccd2 rgb(57,204,210)
```
#49d0d6
```
#49d0d6 rgb(73,208,214)
```
#59d4d9
```
#59d4d9 rgb(89,212,217)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#79dce1
```
#79dce1 rgb(121,220,225)
```
#89e0e4
```
#89e0e4 rgb(137,224,228)
```
#99e4e8
```
#99e4e8 rgb(153,228,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 #4df2f9 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)
```
#85bec1
```
#85bec1 rgb(133,190,193)
```
#7ec5c8
```
#7ec5c8 rgb(126,197,200)
```
#77cbcf
```
#77cbcf rgb(119,203,207)
```
#70d2d6
```
#70d2d6 rgb(112,210,214)
```
#69d8dd
```
#69d8dd rgb(105,216,221)
```
#62dee4
```
#62dee4 rgb(98,222,228)
```
#5be5eb
```
#5be5eb rgb(91,229,235)
```
#54ebf2
```
#54ebf2 rgb(84,235,242)
```
#4df2f9
```
#4df2f9 rgb(77,242,249)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a7bebf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d5 Protanopia 1% of men
#cfc5e6 Deuteranopia 1% of men
#75d8e8 Tritanopia 0.001% of the population

Trichromacy

#a6ced8 Protanomaly 1% of men, 0.01% of women
#a9cce2 Deuteranomaly 6% of men, 0.4% of women
#70d8e4 Tritanomaly 0.01% of the population

#69d8dd hex color

#69d8dd Color Information

#69d8dd Color Conversion

Color Schemes with #69d8dd

Alternatives to #69d8dd

#69d8dd Preview

Shades and Tints of #69d8dd

Tones of #69d8dd

Color Blindness Simulator