#5abecc hex color

In a RGB color space, hex #5abecc is composed of 35.3% red, 74.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 6.9% magenta, 0% yellow and 20% black. It has a hue angle of 187.4 degrees, a saturation of 52.8% and a lightness of 57.6%. #5abecc color hex could be obtained by blending #b4ffff with #007d99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 75
- B 80
RGB color chart
- C 56
- M 7
- Y 0
- K 20
CMYK color chart

● #5abecc color description : Moderate cyan.

The hexadecimal color #5abecc has RGB values of R:90, G:190, B:204 and CMYK values of C:0.56, M:0.07, Y:0, K:0.2. Its decimal value is 5947084.

Hex triplet	5abecc	`#5abecc`
RGB Decimal	90, 190, 204	`rgb(90,190,204)`
RGB Percent	35.3, 74.5, 80	`rgb(35.3%,74.5%,80%)`
CMYK	56, 7, 0, 20
HSL	187.4°, 52.8, 57.6	`hsl(187.4,52.8%,57.6%)`
HSV (or HSB)	187.4°, 55.9, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.797, -25.157, -15.92
XYZ	33.526, 43.358, 63.726
xyY	0.238, 0.308, 43.358
CIE-LCH	71.797, 29.771, 212.327
CIE-LUV	71.797, -41.619, -20.913
Hunter-Lab	65.847, -24.348, -11.288
Binary	01011010, 10111110, 11001100

#5abecc
```
#5abecc rgb(90,190,204)
```
#cc685a
```
#cc685a rgb(204,104,90)
```

Complementary Color

#5acca1
```
#5acca1 rgb(90,204,161)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#5a85cc
```
#5a85cc rgb(90,133,204)
```

Analogous Color

#cca15a
```
#cca15a rgb(204,161,90)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#cc5a85
```
#cc5a85 rgb(204,90,133)
```

Split Complementary Color

#becc5a
```
#becc5a rgb(190,204,90)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#cc5abe
```
#cc5abe rgb(204,90,190)
```

Triadic Color

#5acc68
```
#5acc68 rgb(90,204,104)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#cc5abe
```
#cc5abe rgb(204,90,190)
```
#cc685a
```
#cc685a rgb(204,104,90)
```

Tetradic Color

#3398a6
```
#3398a6 rgb(51,152,166)
```
#39aaba
```
#39aaba rgb(57,170,186)
```
#47b6c6
```
#47b6c6 rgb(71,182,198)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#6dc6d2
```
#6dc6d2 rgb(109,198,210)
```
#81cdd8
```
#81cdd8 rgb(129,205,216)
```
#94d5de
```
#94d5de rgb(148,213,222)
```

Monochromatic Color

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

#5accbe
```
#5accbe rgb(90,204,190)
```
#5accc7
```
#5accc7 rgb(90,204,199)
```
#5ac8cc
```
#5ac8cc rgb(90,200,204)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#5ab5cc
```
#5ab5cc rgb(90,181,204)
```
#5aabcc
```
#5aabcc rgb(90,171,204)
```
#5aa2cc
```
#5aa2cc rgb(90,162,204)
```

Similar Colors

Text with hexadecimal color #5abecc

This text has a font color of #5abecc.

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

#5abecc background color

This paragraph has a background color of #5abecc.

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

#5abecc border color

This element has a border color of #5abecc.

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

CSS codes

.text {color:#5abecc;}

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

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

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, #050e0f is the darkest color, while #ffffff is the lightest one.

#050e0f
```
#050e0f rgb(5,14,15)
```
#091b1e
```
#091b1e rgb(9,27,30)
```
#0e292d
```
#0e292d rgb(14,41,45)
```
#12373c
```
#12373c rgb(18,55,60)
```
#17444b
```
#17444b rgb(23,68,75)
```
#1c525a
```
#1c525a rgb(28,82,90)
```
#206069
```
#206069 rgb(32,96,105)
```
#256e78
```
#256e78 rgb(37,110,120)
```
#2a7b87
```
#2a7b87 rgb(42,123,135)
```
#2e8996
```
#2e8996 rgb(46,137,150)
```
#3397a5
```
#3397a5 rgb(51,151,165)
```
#38a4b4
```
#38a4b4 rgb(56,164,180)
```
#3cb2c3
```
#3cb2c3 rgb(60,178,195)
```

Shade Color Variation

#4bb8c7
```
#4bb8c7 rgb(75,184,199)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#69c4d1
```
#69c4d1 rgb(105,196,209)
```
#78cad5
```
#78cad5 rgb(120,202,213)
```
#87d0da
```
#87d0da rgb(135,208,218)
```
#96d6df
```
#96d6df rgb(150,214,223)
```
#a5dce3
```
#a5dce3 rgb(165,220,227)
```
#b4e1e8
```
#b4e1e8 rgb(180,225,232)
```
#c3e7ec
```
#c3e7ec rgb(195,231,236)
```
#d2edf1
```
#d2edf1 rgb(210,237,241)
```
#e1f3f6
```
#e1f3f6 rgb(225,243,246)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c989a is the less saturated color, while #28e4fe is the most saturated one.

#8c989a
```
#8c989a rgb(140,152,154)
```
#849fa2
```
#849fa2 rgb(132,159,162)
```
#7ba5ab
```
#7ba5ab rgb(123,165,171)
```
#73abb3
```
#73abb3 rgb(115,171,179)
```
#6bb1bb
```
#6bb1bb rgb(107,177,187)
```
#62b8c4
```
#62b8c4 rgb(98,184,196)
```
#5abecc
```
#5abecc rgb(90,190,204)
```
#52c4d4
```
#52c4d4 rgb(82,196,212)
```
#49cbdd
```
#49cbdd rgb(73,203,221)
```
#41d1e5
```
#41d1e5 rgb(65,209,229)
```
#39d7ed
```
#39d7ed rgb(57,215,237)
```
#30ddf6
```
#30ddf6 rgb(48,221,246)
```
#28e4fe
```
#28e4fe rgb(40,228,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b2c6 Protanopia 1% of men
#b3b0d4 Deuteranopia 1% of men
#62c1cf Tritanopia 0.001% of the population

Trichromacy

#91b6c8 Protanomaly 1% of men, 0.01% of women
#93b5d1 Deuteranomaly 6% of men, 0.4% of women
#5fc0ce Tritanomaly 0.01% of the population

#5abecc hex color

#5abecc Color Information

#5abecc Color Conversion

Color Schemes with #5abecc

Alternatives to #5abecc

#5abecc Preview

Shades and Tints of #5abecc

Tones of #5abecc

Color Blindness Simulator