#69cdd5 hex color

In a RGB color space, hex #69cdd5 is composed of 41.2% red, 80.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 3.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 184.4 degrees, a saturation of 56.3% and a lightness of 62.4%. #69cdd5 color hex could be obtained by blending #d2ffff with #009bab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 80
- B 84
RGB color chart
- C 51
- M 4
- Y 0
- K 16
CMYK color chart

● #69cdd5 color description : Moderate cyan.

The hexadecimal color #69cdd5 has RGB values of R:105, G:205, B:213 and CMYK values of C:0.51, M:0.04, Y:0, K:0.16. Its decimal value is 6933973.

Hex triplet	69cdd5	`#69cdd5`
RGB Decimal	105, 205, 213	`rgb(105,205,213)`
RGB Percent	41.2, 80.4, 83.5	`rgb(41.2%,80.4%,83.5%)`
CMYK	51, 4, 0, 16
HSL	184.4°, 56.3, 62.4	`hsl(184.4,56.3%,62.4%)`
HSV (or HSB)	184.4°, 50.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.961, -27.053, -12.984
XYZ	39.664, 51.467, 70.791
xyY	0.245, 0.318, 51.467
CIE-LCH	76.961, 30.007, 205.639
CIE-LUV	76.961, -42.931, -16.016
Hunter-Lab	71.741, -26.857, -8.287
Binary	01101001, 11001101, 11010101

#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#d57169
```
#d57169 rgb(213,113,105)
```

Complementary Color

#69d5a7
```
#69d5a7 rgb(105,213,167)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#6997d5
```
#6997d5 rgb(105,151,213)
```

Analogous Color

#d5a769
```
#d5a769 rgb(213,167,105)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#d56997
```
#d56997 rgb(213,105,151)
```

Split Complementary Color

#cdd569
```
#cdd569 rgb(205,213,105)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#d569cd
```
#d569cd rgb(213,105,205)
```

Triadic Color

#69d571
```
#69d571 rgb(105,213,113)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#d569cd
```
#d569cd rgb(213,105,205)
```
#d57169
```
#d57169 rgb(213,113,105)
```

Tetradic Color

#35b3bd
```
#35b3bd rgb(53,179,189)
```
#41c0ca
```
#41c0ca rgb(65,192,202)
```
#55c6cf
```
#55c6cf rgb(85,198,207)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#7dd4db
```
#7dd4db rgb(125,212,219)
```
#91dae0
```
#91dae0 rgb(145,218,224)
```
#a5e1e6
```
#a5e1e6 rgb(165,225,230)
```

Monochromatic Color

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

#69d5c2
```
#69d5c2 rgb(105,213,194)
```
#69d5cb
```
#69d5cb rgb(105,213,203)
```
#69d5d4
```
#69d5d4 rgb(105,213,212)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#69c4d5
```
#69c4d5 rgb(105,196,213)
```
#69bbd5
```
#69bbd5 rgb(105,187,213)
```
#69b2d5
```
#69b2d5 rgb(105,178,213)
```

Similar Colors

Text with hexadecimal color #69cdd5

This text has a font color of #69cdd5.

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

#69cdd5 background color

This paragraph has a background color of #69cdd5.

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

#69cdd5 border color

This element has a border color of #69cdd5.

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

CSS codes

.text {color:#69cdd5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051213
```
#051213 rgb(5,18,19)
```
#092022
```
#092022 rgb(9,32,34)
```
#0e2f31
```
#0e2f31 rgb(14,47,49)
```
#123d41
```
#123d41 rgb(18,61,65)
```
#164c50
```
#164c50 rgb(22,76,80)
```
#1b5a5f
```
#1b5a5f rgb(27,90,95)
```
#1f696f
```
#1f696f rgb(31,105,111)
```
#23777e
```
#23777e rgb(35,119,126)
```
#28868d
```
#28868d rgb(40,134,141)
```
#2c949c
```
#2c949c rgb(44,148,156)
```
#30a3ac
```
#30a3ac rgb(48,163,172)
```
#34b1bb
```
#34b1bb rgb(52,177,187)
```

Shade Color Variation

#3bbec8
```
#3bbec8 rgb(59,190,200)
```
#4ac3cc
```
#4ac3cc rgb(74,195,204)
```
#5ac8d1
```
#5ac8d1 rgb(90,200,209)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#78d2d9
```
#78d2d9 rgb(120,210,217)
```
#88d7de
```
#88d7de rgb(136,215,222)
```
#97dce2
```
#97dce2 rgb(151,220,226)
```
#a6e1e6
```
#a6e1e6 rgb(166,225,230)
```
#b6e7ea
```
#b6e7ea rgb(182,231,234)
```
#c5ecef
```
#c5ecef rgb(197,236,239)
```
#d4f1f3
```
#d4f1f3 rgb(212,241,243)
```
#e4f6f7
```
#e4f6f7 rgb(228,246,247)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da1a1 is the less saturated color, while #44ecfa is the most saturated one.

#9da1a1
```
#9da1a1 rgb(157,161,161)
```
#95a7a9
```
#95a7a9 rgb(149,167,169)
```
#8eaeb0
```
#8eaeb0 rgb(142,174,176)
```
#87b4b7
```
#87b4b7 rgb(135,180,183)
```
#7fbabf
```
#7fbabf rgb(127,186,191)
```
#78c0c6
```
#78c0c6 rgb(120,192,198)
```
#70c7ce
```
#70c7ce rgb(112,199,206)
```
#69cdd5
```
#69cdd5 rgb(105,205,213)
```
#62d3dc
```
#62d3dc rgb(98,211,220)
```
#5adae4
```
#5adae4 rgb(90,218,228)
```
#53e0eb
```
#53e0eb rgb(83,224,235)
```
#4be6f3
```
#4be6f3 rgb(75,230,243)
```
#44ecfa
```
#44ecfa rgb(68,236,250)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a2b6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c0ce Protanopia 1% of men
#c4bddd Deuteranopia 1% of men
#73cedd Tritanopia 0.001% of the population

Trichromacy

#a0c4d0 Protanomaly 1% of men, 0.01% of women
#a3c2da Deuteranomaly 6% of men, 0.4% of women
#6fcdda Tritanomaly 0.01% of the population

#69cdd5 hex color

#69cdd5 Color Information

#69cdd5 Color Conversion

Color Schemes with #69cdd5

Alternatives to #69cdd5

#69cdd5 Preview

Shades and Tints of #69cdd5

Tones of #69cdd5

Color Blindness Simulator