#5addd9 hex color

In a RGB color space, hex #5addd9 is composed of 35.3% red, 86.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 0% magenta, 1.8% yellow and 13.3% black. It has a hue angle of 178.2 degrees, a saturation of 65.8% and a lightness of 61%. #5addd9 color hex could be obtained by blending #b4ffff with #00bbb3. Closest websafe color is: #66cccc.

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

● #5addd9 color description : Soft cyan.

The hexadecimal color #5addd9 has RGB values of R:90, G:221, B:217 and CMYK values of C:0.59, M:0, Y:0.02, K:0.13. Its decimal value is 5955033.

Hex triplet	5addd9	`#5addd9`
RGB Decimal	90, 221, 217	`rgb(90,221,217)`
RGB Percent	35.3, 86.7, 85.1	`rgb(35.3%,86.7%,85.1%)`
CMYK	59, 0, 2, 13
HSL	178.2°, 65.8, 61	`hsl(178.2,65.8%,61%)`
HSV (or HSB)	178.2°, 59.3, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.233, -36.483, -8.802
XYZ	42.594, 58.893, 74.765
xyY	0.242, 0.334, 58.893
CIE-LCH	81.233, 37.53, 193.564
CIE-LUV	81.233, -52.51, -7.971
Hunter-Lab	76.742, -35.226, -4.043
Binary	01011010, 11011101, 11011001

#5addd9
```
#5addd9 rgb(90,221,217)
```
#dd5a5e
```
#dd5a5e rgb(221,90,94)
```

Complementary Color

#5add98
```
#5add98 rgb(90,221,152)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```

Analogous Color

#dd985a
```
#dd985a rgb(221,152,90)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#dd5aa0
```
#dd5aa0 rgb(221,90,160)
```

Split Complementary Color

#ddd95a
```
#ddd95a rgb(221,217,90)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#d95add
```
#d95add rgb(217,90,221)
```

Triadic Color

#5edd5a
```
#5edd5a rgb(94,221,90)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#d95add
```
#d95add rgb(217,90,221)
```
#dd5a5e
```
#dd5a5e rgb(221,90,94)
```

Tetradic Color

#28c2be
```
#28c2be rgb(40,194,190)
```
#30d4cf
```
#30d4cf rgb(48,212,207)
```
#45d9d4
```
#45d9d4 rgb(69,217,212)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#6fe1de
```
#6fe1de rgb(111,225,222)
```
#84e6e3
```
#84e6e3 rgb(132,230,227)
```
#99eae8
```
#99eae8 rgb(153,234,232)
```

Monochromatic Color

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

#5addb8
```
#5addb8 rgb(90,221,184)
```
#5addc3
```
#5addc3 rgb(90,221,195)
```
#5addce
```
#5addce rgb(90,221,206)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#5ad6dd
```
#5ad6dd rgb(90,214,221)
```
#5acbdd
```
#5acbdd rgb(90,203,221)
```
#5ac0dd
```
#5ac0dd rgb(90,192,221)
```

Similar Colors

Text with hexadecimal color #5addd9

This text has a font color of #5addd9.

<span style="color:#5addd9;">Text here</span>

#5addd9 background color

This paragraph has a background color of #5addd9.

<p style="background-color:#5addd9;">Content here</p>

#5addd9 border color

This element has a border color of #5addd9.

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

CSS codes

.text {color:#5addd9;}

.background {background-color:#5addd9;}

.border {border:1px solid #5addd9;}

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, #030e0e is the darkest color, while #fdfffe is the lightest one.

#030e0e
```
#030e0e rgb(3,14,14)
```
#061e1d
```
#061e1d rgb(6,30,29)
```
#0a2e2d
```
#0a2e2d rgb(10,46,45)
```
#0d3f3d
```
#0d3f3d rgb(13,63,61)
```
#104f4d
```
#104f4d rgb(16,79,77)
```
#145f5d
```
#145f5d rgb(20,95,93)
```
#176f6d
```
#176f6d rgb(23,111,109)
```
#1a807d
```
#1a807d rgb(26,128,125)
```
#1e908d
```
#1e908d rgb(30,144,141)
```
#21a09c
```
#21a09c rgb(33,160,156)
```
#24b1ac
```
#24b1ac rgb(36,177,172)
```
#28c1bc
```
#28c1bc rgb(40,193,188)
```
#2bd1cc
```
#2bd1cc rgb(43,209,204)
```

Shade Color Variation

#39d6d2
```
#39d6d2 rgb(57,214,210)
```
#4adad5
```
#4adad5 rgb(74,218,213)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#6ae0dd
```
#6ae0dd rgb(106,224,221)
```
#7be4e0
```
#7be4e0 rgb(123,228,224)
```
#8be7e4
```
#8be7e4 rgb(139,231,228)
```
#9beae8
```
#9beae8 rgb(155,234,232)
```
#abeeec
```
#abeeec rgb(171,238,236)
```
#bcf1ef
```
#bcf1ef rgb(188,241,239)
```
#ccf4f3
```
#ccf4f3 rgb(204,244,243)
```
#dcf8f7
```
#dcf8f7 rgb(220,248,247)
```
#ecfbfb
```
#ecfbfb rgb(236,251,251)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a0a0 is the less saturated color, while #3bfcf6 is the most saturated one.

#97a0a0
```
#97a0a0 rgb(151,160,160)
```
#90a7a7
```
#90a7a7 rgb(144,167,167)
```
#88afae
```
#88afae rgb(136,175,174)
```
#80b7b5
```
#80b7b5 rgb(128,183,181)
```
#79bebc
```
#79bebc rgb(121,190,188)
```
#71c6c3
```
#71c6c3 rgb(113,198,195)
```
#69cecb
```
#69cecb rgb(105,206,203)
```
#62d5d2
```
#62d5d2 rgb(98,213,210)
```
#5addd9
```
#5addd9 rgb(90,221,217)
```
#52e5e0
```
#52e5e0 rgb(82,229,224)
```
#4bece7
```
#4bece7 rgb(75,236,231)
```
#43f4ef
```
#43f4ef rgb(67,244,239)
```
#3bfcf6
```
#3bfcf6 rgb(59,252,246)
```

Tone Color Variation

Below, you can see how #5addd9 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

#b5b5b5 Achromatopsia 0.005% of the population
#a3bdbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecbd0 Protanopia 1% of men
#d4c7e3 Deuteranopia 1% of men
#6bdcec Tritanopia 0.001% of the population

Trichromacy

#a4d1d3 Protanomaly 1% of men, 0.01% of women
#a7cfdf Deuteranomaly 6% of men, 0.4% of women
#65dce5 Tritanomaly 0.01% of the population

#5addd9 hex color

#5addd9 Color Information

#5addd9 Color Conversion

Color Schemes with #5addd9

Alternatives to #5addd9

#5addd9 Preview

Shades and Tints of #5addd9

Tones of #5addd9

Color Blindness Simulator