#69d5dd hex color

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

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

● #69d5dd color description : Soft cyan.

The hexadecimal color #69d5dd has RGB values of R:105, G:213, B:221 and CMYK values of C:0.52, M:0.04, Y:0, K:0.13. Its decimal value is 6936029.

Hex triplet	69d5dd	`#69d5dd`
RGB Decimal	105, 213, 221	`rgb(105,213,221)`
RGB Percent	41.2, 83.5, 86.7	`rgb(41.2%,83.5%,86.7%)`
CMYK	52, 4, 0, 13
HSL	184.1°, 63, 63.9	`hsl(184.1,63%,63.9%)`
HSV (or HSB)	184.1°, 52.5, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.505, -28.815, -13.465
XYZ	42.667, 55.809, 76.926
xyY	0.243, 0.318, 55.809
CIE-LCH	79.505, 31.806, 205.047
CIE-LUV	79.505, -45.647, -16.607
Hunter-Lab	74.706, -28.786, -8.759
Binary	01101001, 11010101, 11011101

#69d5dd
```
#69d5dd rgb(105,213,221)
```
#dd7169
```
#dd7169 rgb(221,113,105)
```

Complementary Color

#69ddab
```
#69ddab rgb(105,221,171)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#699bdd
```
#699bdd rgb(105,155,221)
```

Analogous Color

#ddab69
```
#ddab69 rgb(221,171,105)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#dd699b
```
#dd699b rgb(221,105,155)
```

Split Complementary Color

#d5dd69
```
#d5dd69 rgb(213,221,105)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#dd69d5
```
#dd69d5 rgb(221,105,213)
```

Triadic Color

#69dd71
```
#69dd71 rgb(105,221,113)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#dd69d5
```
#dd69d5 rgb(221,105,213)
```
#dd7169
```
#dd7169 rgb(221,113,105)
```

Tetradic Color

#2ec1cb
```
#2ec1cb rgb(46,193,203)
```
#3fc9d4
```
#3fc9d4 rgb(63,201,212)
```
#54cfd8
```
#54cfd8 rgb(84,207,216)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#7edbe2
```
#7edbe2 rgb(126,219,226)
```
#93e1e6
```
#93e1e6 rgb(147,225,230)
```
#a7e6eb
```
#a7e6eb rgb(167,230,235)
```

Monochromatic Color

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

#69ddc8
```
#69ddc8 rgb(105,221,200)
```
#69ddd2
```
#69ddd2 rgb(105,221,210)
```
#69dddb
```
#69dddb rgb(105,221,219)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#69cbdd
```
#69cbdd rgb(105,203,221)
```
#69c2dd
```
#69c2dd rgb(105,194,221)
```
#69b8dd
```
#69b8dd rgb(105,184,221)
```

Similar Colors

Text with hexadecimal color #69d5dd

This text has a font color of #69d5dd.

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

#69d5dd background color

This paragraph has a background color of #69d5dd.

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

#69d5dd border color

This element has a border color of #69d5dd.

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

CSS codes

.text {color:#69d5dd;}

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

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

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

#02090a
```
#02090a rgb(2,9,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#09282a
```
#09282a rgb(9,40,42)
```
#0d373a
```
#0d373a rgb(13,55,58)
```
#11464a
```
#11464a rgb(17,70,74)
```
#14555a
```
#14555a rgb(20,85,90)
```
#18646a
```
#18646a rgb(24,100,106)
```
#1c737a
```
#1c737a rgb(28,115,122)
```
#1f828a
```
#1f828a rgb(31,130,138)
```
#23929a
```
#23929a rgb(35,146,154)
```
#26a1aa
```
#26a1aa rgb(38,161,170)
```
#2ab0ba
```
#2ab0ba rgb(42,176,186)
```
#2ebfca
```
#2ebfca rgb(46,191,202)
```

Shade Color Variation

#39c8d2
```
#39c8d2 rgb(57,200,210)
```
#49ccd6
```
#49ccd6 rgb(73,204,214)
```
#59d1d9
```
#59d1d9 rgb(89,209,217)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#79d9e1
```
#79d9e1 rgb(121,217,225)
```
#89dee4
```
#89dee4 rgb(137,222,228)
```
#99e2e8
```
#99e2e8 rgb(153,226,232)
```
#a9e7eb
```
#a9e7eb rgb(169,231,235)
```
#b9ebef
```
#b9ebef rgb(185,235,239)
```
#c9f0f3
```
#c9f0f3 rgb(201,240,243)
```
#d9f4f6
```
#d9f4f6 rgb(217,244,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 #4dedf9 is the most saturated one.

#a2a4a4
```
#a2a4a4 rgb(162,164,164)
```
#9baaab
```
#9baaab rgb(155,170,171)
```
#93b0b3
```
#93b0b3 rgb(147,176,179)
```
#8cb6ba
```
#8cb6ba rgb(140,182,186)
```
#85bdc1
```
#85bdc1 rgb(133,189,193)
```
#7ec3c8
```
#7ec3c8 rgb(126,195,200)
```
#77c9cf
```
#77c9cf rgb(119,201,207)
```
#70cfd6
```
#70cfd6 rgb(112,207,214)
```
#69d5dd
```
#69d5dd rgb(105,213,221)
```
#62dbe4
```
#62dbe4 rgb(98,219,228)
```
#5be1eb
```
#5be1eb rgb(91,225,235)
```
#54e7f2
```
#54e7f2 rgb(84,231,242)
```
#4dedf9
```
#4dedf9 rgb(77,237,249)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a7bcbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c6d5 Protanopia 1% of men
#cbc3e5 Deuteranopia 1% of men
#73d6e5 Tritanopia 0.001% of the population

Trichromacy

#a4cbd8 Protanomaly 1% of men, 0.01% of women
#a7c9e2 Deuteranomaly 6% of men, 0.4% of women
#6fd5e2 Tritanomaly 0.01% of the population

#69d5dd hex color

#69d5dd Color Information

#69d5dd Color Conversion

Color Schemes with #69d5dd

Alternatives to #69d5dd

#69d5dd Preview

Shades and Tints of #69d5dd

Tones of #69d5dd

Color Blindness Simulator