#5abced hex color

In a RGB color space, hex #5abced is composed of 35.3% red, 73.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 20.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 200 degrees, a saturation of 80.3% and a lightness of 64.1%. #5abced color hex could be obtained by blending #b4ffff with #0079db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 74
- B 93
RGB color chart
- C 62
- M 21
- Y 0
- K 7
CMYK color chart

● #5abced color description : Soft blue.

The hexadecimal color #5abced has RGB values of R:90, G:188, B:237 and CMYK values of C:0.62, M:0.21, Y:0, K:0.07. Its decimal value is 5946605.

Hex triplet	5abced	`#5abced`
RGB Decimal	90, 188, 237	`rgb(90,188,237)`
RGB Percent	35.3, 73.7, 92.9	`rgb(35.3%,73.7%,92.9%)`
CMYK	62, 21, 0, 7
HSL	200°, 80.3, 64.1	`hsl(200,80.3%,64.1%)`
HSV (or HSB)	200°, 62, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.396, -14.359, -32.954
XYZ	37.482, 44.252, 86.682
xyY	0.223, 0.263, 44.252
CIE-LCH	72.396, 35.946, 246.457
CIE-LUV	72.396, -39.413, -50.859
Hunter-Lab	66.522, -15.838, -30.693
Binary	01011010, 10111100, 11101101

#5abced
```
#5abced rgb(90,188,237)
```
#ed8b5a
```
#ed8b5a rgb(237,139,90)
```

Complementary Color

#5aedd5
```
#5aedd5 rgb(90,237,213)
```
#5abced
```
#5abced rgb(90,188,237)
```
#5a73ed
```
#5a73ed rgb(90,115,237)
```

Analogous Color

#edd55a
```
#edd55a rgb(237,213,90)
```
#5abced
```
#5abced rgb(90,188,237)
```
#ed5a73
```
#ed5a73 rgb(237,90,115)
```

Split Complementary Color

#bced5a
```
#bced5a rgb(188,237,90)
```
#5abced
```
#5abced rgb(90,188,237)
```
#ed5abc
```
#ed5abc rgb(237,90,188)
```

Triadic Color

#5aed8b
```
#5aed8b rgb(90,237,139)
```
#5abced
```
#5abced rgb(90,188,237)
```
#ed5abc
```
#ed5abc rgb(237,90,188)
```
#ed8b5a
```
#ed8b5a rgb(237,139,90)
```

Tetradic Color

#199fe2
```
#199fe2 rgb(25,159,226)
```
#2ca9e8
```
#2ca9e8 rgb(44,169,232)
```
#43b3ea
```
#43b3ea rgb(67,179,234)
```
#5abced
```
#5abced rgb(90,188,237)
```
#71c5f0
```
#71c5f0 rgb(113,197,240)
```
#88cff2
```
#88cff2 rgb(136,207,242)
```
#9fd8f5
```
#9fd8f5 rgb(159,216,245)
```

Monochromatic Color

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

#5ae1ed
```
#5ae1ed rgb(90,225,237)
```
#5ad5ed
```
#5ad5ed rgb(90,213,237)
```
#5ac8ed
```
#5ac8ed rgb(90,200,237)
```
#5abced
```
#5abced rgb(90,188,237)
```
#5ab0ed
```
#5ab0ed rgb(90,176,237)
```
#5aa4ed
```
#5aa4ed rgb(90,164,237)
```
#5a97ed
```
#5a97ed rgb(90,151,237)
```

Similar Colors

Text with hexadecimal color #5abced

This text has a font color of #5abced.

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

#5abced background color

This paragraph has a background color of #5abced.

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

#5abced border color

This element has a border color of #5abced.

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

CSS codes

.text {color:#5abced;}

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

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

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, #01080c is the darkest color, while #f9fdfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03151e
```
#03151e rgb(3,21,30)
```
#05212f
```
#05212f rgb(5,33,47)
```
#072e41
```
#072e41 rgb(7,46,65)
```
#093a53
```
#093a53 rgb(9,58,83)
```
#0b4764
```
#0b4764 rgb(11,71,100)
```
#0d5376
```
#0d5376 rgb(13,83,118)
```
#0f5f88
```
#0f5f88 rgb(15,95,136)
```
#116c99
```
#116c99 rgb(17,108,153)
```
#1378ab
```
#1378ab rgb(19,120,171)
```
#1585bd
```
#1585bd rgb(21,133,189)
```
#1791ce
```
#1791ce rgb(23,145,206)
```
#189ee0
```
#189ee0 rgb(24,158,224)
```

Shade Color Variation

#25a6e7
```
#25a6e7 rgb(37,166,231)
```
#37aee9
```
#37aee9 rgb(55,174,233)
```
#48b5eb
```
#48b5eb rgb(72,181,235)
```
#5abced
```
#5abced rgb(90,188,237)
```
#6cc3ef
```
#6cc3ef rgb(108,195,239)
```
#7dcaf1
```
#7dcaf1 rgb(125,202,241)
```
#8fd2f3
```
#8fd2f3 rgb(143,210,243)
```
#a1d9f5
```
#a1d9f5 rgb(161,217,245)
```
#b2e0f7
```
#b2e0f7 rgb(178,224,247)
```
#c4e7f9
```
#c4e7f9 rgb(196,231,249)
```
#d6eefb
```
#d6eefb rgb(214,238,251)
```
#e7f5fc
```
#e7f5fc rgb(231,245,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#a0a5a7
```
#a0a5a7 rgb(160,165,167)
```
#99a7ae
```
#99a7ae rgb(153,167,174)
```
#92a9b5
```
#92a9b5 rgb(146,169,181)
```
#8bacbc
```
#8bacbc rgb(139,172,188)
```
#84aec3
```
#84aec3 rgb(132,174,195)
```
#7db0ca
```
#7db0ca rgb(125,176,202)
```
#76b3d1
```
#76b3d1 rgb(118,179,209)
```
#6fb5d8
```
#6fb5d8 rgb(111,181,216)
```
#68b7df
```
#68b7df rgb(104,183,223)
```
#61bae6
```
#61bae6 rgb(97,186,230)
```
#5abced
```
#5abced rgb(90,188,237)
```
#53bef4
```
#53bef4 rgb(83,190,244)
```
#4cc1fb
```
#4cc1fb rgb(76,193,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95a9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b3e6 Protanopia 1% of men
#a0b3f2 Deuteranopia 1% of men
#51c4d2 Tritanopia 0.001% of the population

Trichromacy

#8bb6e8 Protanomaly 1% of men, 0.01% of women
#87b6f0 Deuteranomaly 6% of men, 0.4% of women
#54c1dc Tritanomaly 0.01% of the population

#5abced hex color

#5abced Color Information

#5abced Color Conversion

Color Schemes with #5abced

Alternatives to #5abced

#5abced Preview

Shades and Tints of #5abced

Tones of #5abced

Color Blindness Simulator