#5ad0bd hex color

In a RGB color space, hex #5ad0bd is composed of 35.3% red, 81.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 0% magenta, 9.1% yellow and 18.4% black. It has a hue angle of 170.3 degrees, a saturation of 55.7% and a lightness of 58.4%. #5ad0bd color hex could be obtained by blending #b4ffff with #00a17b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 82
- B 74
RGB color chart
- C 57
- M 0
- Y 9
- K 18
CMYK color chart

● #5ad0bd color description : Moderate cyan.

The hexadecimal color #5ad0bd has RGB values of R:90, G:208, B:189 and CMYK values of C:0.57, M:0, Y:0.09, K:0.18. Its decimal value is 5951677.

Hex triplet	5ad0bd	`#5ad0bd`
RGB Decimal	90, 208, 189	`rgb(90,208,189)`
RGB Percent	35.3, 81.6, 74.1	`rgb(35.3%,81.6%,74.1%)`
CMYK	57, 0, 9, 18
HSL	170.3°, 55.7, 58.4	`hsl(170.3,55.7%,58.4%)`
HSV (or HSB)	170.3°, 56.7, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.653, -37.754, -0.573
XYZ	35.955, 50.957, 56.082
xyY	0.251, 0.356, 50.957
CIE-LCH	76.653, 37.758, 180.869
CIE-LUV	76.653, -49.178, 5.147
Hunter-Lab	71.384, -35.015, 3.388
Binary	01011010, 11010000, 10111101

#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#d05a6d
```
#d05a6d rgb(208,90,109)
```

Complementary Color

#5ad082
```
#5ad082 rgb(90,208,130)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#5aa8d0
```
#5aa8d0 rgb(90,168,208)
```

Analogous Color

#d0825a
```
#d0825a rgb(208,130,90)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#d05aa8
```
#d05aa8 rgb(208,90,168)
```

Split Complementary Color

#d0bd5a
```
#d0bd5a rgb(208,189,90)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#bd5ad0
```
#bd5ad0 rgb(189,90,208)
```

Triadic Color

#6dd05a
```
#6dd05a rgb(109,208,90)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#bd5ad0
```
#bd5ad0 rgb(189,90,208)
```
#d05a6d
```
#d05a6d rgb(208,90,109)
```

Tetradic Color

#31ac99
```
#31ac99 rgb(49,172,153)
```
#37c0aa
```
#37c0aa rgb(55,192,170)
```
#46cab5
```
#46cab5 rgb(70,202,181)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#6ed6c5
```
#6ed6c5 rgb(110,214,197)
```
#82dbcd
```
#82dbcd rgb(130,219,205)
```
#96e1d5
```
#96e1d5 rgb(150,225,213)
```

Monochromatic Color

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

#5ad0a0
```
#5ad0a0 rgb(90,208,160)
```
#5ad0a9
```
#5ad0a9 rgb(90,208,169)
```
#5ad0b3
```
#5ad0b3 rgb(90,208,179)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#5ad0c7
```
#5ad0c7 rgb(90,208,199)
```
#5acfd0
```
#5acfd0 rgb(90,207,208)
```
#5ac6d0
```
#5ac6d0 rgb(90,198,208)
```

Similar Colors

Text with hexadecimal color #5ad0bd

This text has a font color of #5ad0bd.

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

#5ad0bd background color

This paragraph has a background color of #5ad0bd.

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

#5ad0bd border color

This element has a border color of #5ad0bd.

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

CSS codes

.text {color:#5ad0bd;}

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

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

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 #f3fbfa is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#051210
```
#051210 rgb(5,18,16)
```
#0a211e
```
#0a211e rgb(10,33,30)
```
#0e312b
```
#0e312b rgb(14,49,43)
```
#124039
```
#124039 rgb(18,64,57)
```
#174f46
```
#174f46 rgb(23,79,70)
```
#1b5f54
```
#1b5f54 rgb(27,95,84)
```
#1f6e61
```
#1f6e61 rgb(31,110,97)
```
#247d6f
```
#247d6f rgb(36,125,111)
```
#288c7c
```
#288c7c rgb(40,140,124)
```
#2c9c8a
```
#2c9c8a rgb(44,156,138)
```
#31ab97
```
#31ab97 rgb(49,171,151)
```
#35baa5
```
#35baa5 rgb(53,186,165)
```

Shade Color Variation

#3bc7b1
```
#3bc7b1 rgb(59,199,177)
```
#4bccb7
```
#4bccb7 rgb(75,204,183)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#69d4c3
```
#69d4c3 rgb(105,212,195)
```
#79d9c9
```
#79d9c9 rgb(121,217,201)
```
#88ddcf
```
#88ddcf rgb(136,221,207)
```
#97e1d5
```
#97e1d5 rgb(151,225,213)
```
#a6e6dc
```
#a6e6dc rgb(166,230,220)
```
#b6eae2
```
#b6eae2 rgb(182,234,226)
```
#c5eee8
```
#c5eee8 rgb(197,238,232)
```
#d4f3ee
```
#d4f3ee rgb(212,243,238)
```
#e3f7f4
```
#e3f7f4 rgb(227,247,244)
```
#f3fbfa
```
#f3fbfa rgb(243,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939796 is the less saturated color, while #31f9d9 is the most saturated one.

#939796
```
#939796 rgb(147,151,150)
```
#8b9f9c
```
#8b9f9c rgb(139,159,156)
```
#83a7a1
```
#83a7a1 rgb(131,167,161)
```
#7bafa7
```
#7bafa7 rgb(123,175,167)
```
#72b8ac
```
#72b8ac rgb(114,184,172)
```
#6ac0b2
```
#6ac0b2 rgb(106,192,178)
```
#62c8b7
```
#62c8b7 rgb(98,200,183)
```
#5ad0bd
```
#5ad0bd rgb(90,208,189)
```
#52d8c3
```
#52d8c3 rgb(82,216,195)
```
#4ae0c8
```
#4ae0c8 rgb(74,224,200)
```
#42e8ce
```
#42e8ce rgb(66,232,206)
```
#39f1d3
```
#39f1d3 rgb(57,241,211)
```
#31f9d9
```
#31f9d9 rgb(49,249,217)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bfb6 Protanopia 1% of men
#cebbc8 Deuteranopia 1% of men
#6fcedd Tritanopia 0.001% of the population

Trichromacy

#9ec5b9 Protanomaly 1% of men, 0.01% of women
#a4c2c4 Deuteranomaly 6% of men, 0.4% of women
#67ced1 Tritanomaly 0.01% of the population

#5ad0bd hex color

#5ad0bd Color Information

#5ad0bd Color Conversion

Color Schemes with #5ad0bd

Alternatives to #5ad0bd

#5ad0bd Preview

Shades and Tints of #5ad0bd

Tones of #5ad0bd

Color Blindness Simulator