#5addd5 hex color

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

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

● #5addd5 color description : Soft cyan.

The hexadecimal color #5addd5 has RGB values of R:90, G:221, B:213 and CMYK values of C:0.59, M:0, Y:0.04, K:0.13. Its decimal value is 5955029.

Hex triplet	5addd5	`#5addd5`
RGB Decimal	90, 221, 213	`rgb(90,221,213)`
RGB Percent	35.3, 86.7, 83.5	`rgb(35.3%,86.7%,83.5%)`
CMYK	59, 0, 4, 13
HSL	176.3°, 65.8, 61	`hsl(176.3,65.8%,61%)`
HSV (or HSB)	176.3°, 59.3, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.119, -37.54, -6.842
XYZ	42.079, 58.687, 72.057
xyY	0.243, 0.34, 58.687
CIE-LCH	81.119, 38.158, 190.329
CIE-LUV	81.119, -52.734, -4.672
Hunter-Lab	76.608, -36.016, -2.143
Binary	01011010, 11011101, 11010101

#5addd5
```
#5addd5 rgb(90,221,213)
```
#dd5a62
```
#dd5a62 rgb(221,90,98)
```

Complementary Color

#5add94
```
#5add94 rgb(90,221,148)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#5aa4dd
```
#5aa4dd rgb(90,164,221)
```

Analogous Color

#dd945a
```
#dd945a rgb(221,148,90)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#dd5aa4
```
#dd5aa4 rgb(221,90,164)
```

Split Complementary Color

#ddd55a
```
#ddd55a rgb(221,213,90)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#d55add
```
#d55add rgb(213,90,221)
```

Triadic Color

#62dd5a
```
#62dd5a rgb(98,221,90)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#d55add
```
#d55add rgb(213,90,221)
```
#dd5a62
```
#dd5a62 rgb(221,90,98)
```

Tetradic Color

#28c2b9
```
#28c2b9 rgb(40,194,185)
```
#30d4ca
```
#30d4ca rgb(48,212,202)
```
#45d9d0
```
#45d9d0 rgb(69,217,208)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#6fe1da
```
#6fe1da rgb(111,225,218)
```
#84e6e0
```
#84e6e0 rgb(132,230,224)
```
#99eae5
```
#99eae5 rgb(153,234,229)
```

Monochromatic Color

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

#5addb4
```
#5addb4 rgb(90,221,180)
```
#5addbf
```
#5addbf rgb(90,221,191)
```
#5addca
```
#5addca rgb(90,221,202)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#5adadd
```
#5adadd rgb(90,218,221)
```
#5acfdd
```
#5acfdd rgb(90,207,221)
```
#5ac4dd
```
#5ac4dd rgb(90,196,221)
```

Similar Colors

Text with hexadecimal color #5addd5

This text has a font color of #5addd5.

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

#5addd5 background color

This paragraph has a background color of #5addd5.

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

#5addd5 border color

This element has a border color of #5addd5.

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

CSS codes

.text {color:#5addd5;}

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

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

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

#030e0d
```
#030e0d rgb(3,14,13)
```
#061e1d
```
#061e1d rgb(6,30,29)
```
#0a2e2c
```
#0a2e2c rgb(10,46,44)
```
#0d3f3c
```
#0d3f3c rgb(13,63,60)
```
#104f4b
```
#104f4b rgb(16,79,75)
```
#145f5b
```
#145f5b rgb(20,95,91)
```
#176f6a
```
#176f6a rgb(23,111,106)
```
#1a807a
```
#1a807a rgb(26,128,122)
```
#1e9089
```
#1e9089 rgb(30,144,137)
```
#21a099
```
#21a099 rgb(33,160,153)
```
#24b1a8
```
#24b1a8 rgb(36,177,168)
```
#28c1b7
```
#28c1b7 rgb(40,193,183)
```
#2bd1c7
```
#2bd1c7 rgb(43,209,199)
```

Shade Color Variation

#39d6cd
```
#39d6cd rgb(57,214,205)
```
#4adad1
```
#4adad1 rgb(74,218,209)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#6ae0d9
```
#6ae0d9 rgb(106,224,217)
```
#7be4dd
```
#7be4dd rgb(123,228,221)
```
#8be7e1
```
#8be7e1 rgb(139,231,225)
```
#9beae6
```
#9beae6 rgb(155,234,230)
```
#abeeea
```
#abeeea rgb(171,238,234)
```
#bcf1ee
```
#bcf1ee rgb(188,241,238)
```
#ccf4f2
```
#ccf4f2 rgb(204,244,242)
```
#dcf8f6
```
#dcf8f6 rgb(220,248,246)
```
#ecfbfa
```
#ecfbfa rgb(236,251,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#97a09f
```
#97a09f rgb(151,160,159)
```
#90a7a6
```
#90a7a6 rgb(144,167,166)
```
#88afad
```
#88afad rgb(136,175,173)
```
#80b7b3
```
#80b7b3 rgb(128,183,179)
```
#79beba
```
#79beba rgb(121,190,186)
```
#71c6c1
```
#71c6c1 rgb(113,198,193)
```
#69cec8
```
#69cec8 rgb(105,206,200)
```
#62d5ce
```
#62d5ce rgb(98,213,206)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#52e5dc
```
#52e5dc rgb(82,229,220)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#43f4e9
```
#43f4e9 rgb(67,244,233)
```
#3bfcf0
```
#3bfcf0 rgb(59,252,240)
```

Tone Color Variation

Below, you can see how #5addd5 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
#a3bdbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcbcc Protanopia 1% of men
#d5c7df Deuteranopia 1% of men
#6ddbeb Tritanopia 0.001% of the population

Trichromacy

#a4d1cf Protanomaly 1% of men, 0.01% of women
#a8cfdb Deuteranomaly 6% of men, 0.4% of women
#66dce3 Tritanomaly 0.01% of the population

#5addd5 hex color

#5addd5 Color Information

#5addd5 Color Conversion

Color Schemes with #5addd5

Alternatives to #5addd5

#5addd5 Preview

Shades and Tints of #5addd5

Tones of #5addd5

Color Blindness Simulator