#5abed6 hex color

In a RGB color space, hex #5abed6 is composed of 35.3% red, 74.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 11.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 191.6 degrees, a saturation of 60.2% and a lightness of 59.6%. #5abed6 color hex could be obtained by blending #b4ffff with #007dad. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 75
- B 84
RGB color chart
- C 58
- M 11
- Y 0
- K 16
CMYK color chart

● #5abed6 color description : Moderate cyan.

The hexadecimal color #5abed6 has RGB values of R:90, G:190, B:214 and CMYK values of C:0.58, M:0.11, Y:0, K:0.16. Its decimal value is 5947094.

Hex triplet	5abed6	`#5abed6`
RGB Decimal	90, 190, 214	`rgb(90,190,214)`
RGB Percent	35.3, 74.5, 83.9	`rgb(35.3%,74.5%,83.9%)`
CMYK	58, 11, 0, 16
HSL	191.6°, 60.2, 59.6	`hsl(191.6,60.2%,59.6%)`
HSV (or HSB)	191.6°, 57.9, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.13, -22.296, -20.868
XYZ	34.764, 43.853, 70.247
xyY	0.234, 0.295, 43.853
CIE-LCH	72.13, 30.538, 223.106
CIE-LUV	72.13, -41.162, -29.451
Hunter-Lab	66.222, -22.181, -16.539
Binary	01011010, 10111110, 11010110

#5abed6
```
#5abed6 rgb(90,190,214)
```
#d6725a
```
#d6725a rgb(214,114,90)
```

Complementary Color

#5ad6b0
```
#5ad6b0 rgb(90,214,176)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#5a80d6
```
#5a80d6 rgb(90,128,214)
```

Analogous Color

#d6b05a
```
#d6b05a rgb(214,176,90)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#d65a80
```
#d65a80 rgb(214,90,128)
```

Split Complementary Color

#bed65a
```
#bed65a rgb(190,214,90)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#d65abe
```
#d65abe rgb(214,90,190)
```

Triadic Color

#5ad672
```
#5ad672 rgb(90,214,114)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#d65abe
```
#d65abe rgb(214,90,190)
```
#d6725a
```
#d6725a rgb(214,114,90)
```

Tetradic Color

#2d9cb6
```
#2d9cb6 rgb(45,156,182)
```
#32adcb
```
#32adcb rgb(50,173,203)
```
#46b6d1
```
#46b6d1 rgb(70,182,209)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#6ec6db
```
#6ec6db rgb(110,198,219)
```
#83cee0
```
#83cee0 rgb(131,206,224)
```
#97d6e5
```
#97d6e5 rgb(151,214,229)
```

Monochromatic Color

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

#5ad6cf
```
#5ad6cf rgb(90,214,207)
```
#5ad3d6
```
#5ad3d6 rgb(90,211,214)
```
#5ac8d6
```
#5ac8d6 rgb(90,200,214)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#5ab4d6
```
#5ab4d6 rgb(90,180,214)
```
#5aa9d6
```
#5aa9d6 rgb(90,169,214)
```
#5a9fd6
```
#5a9fd6 rgb(90,159,214)
```

Similar Colors

Text with hexadecimal color #5abed6

This text has a font color of #5abed6.

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

#5abed6 background color

This paragraph has a background color of #5abed6.

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

#5abed6 border color

This element has a border color of #5abed6.

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

CSS codes

.text {color:#5abed6;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#061418
```
#061418 rgb(6,20,24)
```
#0a2227
```
#0a2227 rgb(10,34,39)
```
#0e2f37
```
#0e2f37 rgb(14,47,55)
```
#123c47
```
#123c47 rgb(18,60,71)
```
#154a56
```
#154a56 rgb(21,74,86)
```
#195766
```
#195766 rgb(25,87,102)
```
#1d6576
```
#1d6576 rgb(29,101,118)
```
#217286
```
#217286 rgb(33,114,134)
```
#258095
```
#258095 rgb(37,128,149)
```
#298da5
```
#298da5 rgb(41,141,165)
```
#2d9ab5
```
#2d9ab5 rgb(45,154,181)
```
#31a8c4
```
#31a8c4 rgb(49,168,196)
```

Shade Color Variation

#3bb2ce
```
#3bb2ce rgb(59,178,206)
```
#4ab8d2
```
#4ab8d2 rgb(74,184,210)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#6ac4da
```
#6ac4da rgb(106,196,218)
```
#79cade
```
#79cade rgb(121,202,222)
```
#89d1e2
```
#89d1e2 rgb(137,209,226)
```
#99d7e6
```
#99d7e6 rgb(153,215,230)
```
#a9ddea
```
#a9ddea rgb(169,221,234)
```
#b8e3ed
```
#b8e3ed rgb(184,227,237)
```
#c8e9f1
```
#c8e9f1 rgb(200,233,241)
```
#d8f0f5
```
#d8f0f5 rgb(216,240,245)
```
#e7f6f9
```
#e7f6f9 rgb(231,246,249)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919c9f is the less saturated color, while #32d6fe is the most saturated one.

#919c9f
```
#919c9f rgb(145,156,159)
```
#8aa1a6
```
#8aa1a6 rgb(138,161,166)
```
#82a6ae
```
#82a6ae rgb(130,166,174)
```
#7aabb6
```
#7aabb6 rgb(122,171,182)
```
#72afbe
```
#72afbe rgb(114,175,190)
```
#6ab4c6
```
#6ab4c6 rgb(106,180,198)
```
#62b9ce
```
#62b9ce rgb(98,185,206)
```
#5abed6
```
#5abed6 rgb(90,190,214)
```
#52c3de
```
#52c3de rgb(82,195,222)
```
#4ac8e6
```
#4ac8e6 rgb(74,200,230)
```
#42cdee
```
#42cdee rgb(66,205,238)
```
#3ad1f6
```
#3ad1f6 rgb(58,209,246)
```
#32d6fe
```
#32d6fe rgb(50,214,254)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#94a8ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb3cf Protanopia 1% of men
#afb1de Deuteranopia 1% of men
#5ec2d0 Tritanopia 0.001% of the population

Trichromacy

#90b7d1 Protanomaly 1% of men, 0.01% of women
#90b6db Deuteranomaly 6% of men, 0.4% of women
#5dc0d2 Tritanomaly 0.01% of the population

#5abed6 hex color

#5abed6 Color Information

#5abed6 Color Conversion

Color Schemes with #5abed6

Alternatives to #5abed6

#5abed6 Preview

Shades and Tints of #5abed6

Tones of #5abed6

Color Blindness Simulator