colorhexa.com

#69cdd4 hex color

In a RGB color space, hex #69cdd4 is composed of 41.2% red, 80.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 3.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 183.9 degrees, a saturation of 55.4% and a lightness of 62.2%. #69cdd4 color hex could be obtained by blending #d2ffff with #009ba9. Closest websafe color is: #66cccc.

- R 41
- G 80
- B 83
RGB color chart
- C 50
- M 3
- Y 0
- K 17
CMYK color chart

● #69cdd4 color description : Moderate cyan.

The hexadecimal color #69cdd4 has RGB values of R:105, G:205, B:212 and CMYK values of C:0.5, M:0.03, Y:0, K:0.17. Its decimal value is 6933972.

Hex triplet	69cdd4	`#69cdd4`
RGB Decimal	105, 205, 212	`rgb(105,205,212)`
RGB Percent	41.2, 80.4, 83.1	`rgb(41.2%,80.4%,83.1%)`
CMYK	50, 3, 0, 17
HSL	183.9°, 55.4, 62.2	`hsl(183.9,55.4%,62.2%)`
HSV (or HSB)	183.9°, 50.5, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.931, -27.319, -12.491
XYZ	39.537, 51.417, 70.125
xyY	0.245, 0.319, 51.417
CIE-LCH	76.931, 30.039, 204.571
CIE-LUV	76.931, -42.972, -15.177
Hunter-Lab	71.705, -27.062, -7.789
Binary	01101001, 11001101, 11010100

#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#d47069
```
#d47069 rgb(212,112,105)
```

Complementary Color

#69d4a6
```
#69d4a6 rgb(105,212,166)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#6998d4
```
#6998d4 rgb(105,152,212)
```

Analogous Color

#d4a669
```
#d4a669 rgb(212,166,105)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#d46998
```
#d46998 rgb(212,105,152)
```

Split Complementary Color

#cdd469
```
#cdd469 rgb(205,212,105)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#d469cd
```
#d469cd rgb(212,105,205)
```

Triadic Color

#69d470
```
#69d470 rgb(105,212,112)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#d469cd
```
#d469cd rgb(212,105,205)
```
#d47069
```
#d47069 rgb(212,112,105)
```

Tetradic Color

#36b2bb
```
#36b2bb rgb(54,178,187)
```
#41c0c9
```
#41c0c9 rgb(65,192,201)
```
#55c6ce
```
#55c6ce rgb(85,198,206)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#7dd4da
```
#7dd4da rgb(125,212,218)
```
#91dadf
```
#91dadf rgb(145,218,223)
```
#a4e1e5
```
#a4e1e5 rgb(164,225,229)
```

Monochromatic Color

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

#69d4c0
```
#69d4c0 rgb(105,212,192)
```
#69d4c9
```
#69d4c9 rgb(105,212,201)
```
#69d4d2
```
#69d4d2 rgb(105,212,210)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#69c4d4
```
#69c4d4 rgb(105,196,212)
```
#69bbd4
```
#69bbd4 rgb(105,187,212)
```
#69b2d4
```
#69b2d4 rgb(105,178,212)
```

Similar Colors

Text with hexadecimal color #69cdd4

This text has a font color of #69cdd4.

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

#69cdd4 background color

This paragraph has a background color of #69cdd4.

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

#69cdd4 border color

This element has a border color of #69cdd4.

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

CSS codes

.text {color:#69cdd4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051112
```
#051112 rgb(5,17,18)
```
#091f21
```
#091f21 rgb(9,31,33)
```
#0e2e30
```
#0e2e30 rgb(14,46,48)
```
#123c3f
```
#123c3f rgb(18,60,63)
```
#174b4f
```
#174b4f rgb(23,75,79)
```
#1b5a5e
```
#1b5a5e rgb(27,90,94)
```
#1f686d
```
#1f686d rgb(31,104,109)
```
#24777c
```
#24777c rgb(36,119,124)
```
#28858c
```
#28858c rgb(40,133,140)
```
#2c949b
```
#2c949b rgb(44,148,155)
```
#31a2aa
```
#31a2aa rgb(49,162,170)
```
#35b1b9
```
#35b1b9 rgb(53,177,185)
```

Shade Color Variation

#3bbec7
```
#3bbec7 rgb(59,190,199)
```
#4bc3cb
```
#4bc3cb rgb(75,195,203)
```
#5ac8d0
```
#5ac8d0 rgb(90,200,208)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#78d2d8
```
#78d2d8 rgb(120,210,216)
```
#87d7dd
```
#87d7dd rgb(135,215,221)
```
#97dce1
```
#97dce1 rgb(151,220,225)
```
#a6e1e5
```
#a6e1e5 rgb(166,225,229)
```
#b5e6ea
```
#b5e6ea rgb(181,230,234)
```
#c4ebee
```
#c4ebee rgb(196,235,238)
```
#d4f1f3
```
#d4f1f3 rgb(212,241,243)
```
#e3f6f7
```
#e3f6f7 rgb(227,246,247)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

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

#9da0a0
```
#9da0a0 rgb(157,160,160)
```
#96a6a7
```
#96a6a7 rgb(150,166,167)
```
#8eadaf
```
#8eadaf rgb(142,173,175)
```
#87b3b6
```
#87b3b6 rgb(135,179,182)
```
#7fbabe
```
#7fbabe rgb(127,186,190)
```
#78c0c5
```
#78c0c5 rgb(120,192,197)
```
#70c7cd
```
#70c7cd rgb(112,199,205)
```
#69cdd4
```
#69cdd4 rgb(105,205,212)
```
#62d3db
```
#62d3db rgb(98,211,219)
```
#5adae3
```
#5adae3 rgb(90,218,227)
```
#53e0ea
```
#53e0ea rgb(83,224,234)
```
#4be7f2
```
#4be7f2 rgb(75,231,242)
```
#44edf9
```
#44edf9 rgb(68,237,249)
```

Tone Color Variation

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

#c0c0cd Protanopia 1% of men
#c5bcdc Deuteranopia 1% of men
#73cedd Tritanopia 0.001% of the population

Trichromacy

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