#5abdc6 hex color

In a RGB color space, hex #5abdc6 is composed of 35.3% red, 74.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 4.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 185 degrees, a saturation of 48.6% and a lightness of 56.5%. #5abdc6 color hex could be obtained by blending #b4ffff with #007b8d. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 74
- B 78
RGB color chart
- C 55
- M 5
- Y 0
- K 22
CMYK color chart

● #5abdc6 color description : Moderate cyan.

The hexadecimal color #5abdc6 has RGB values of R:90, G:189, B:198 and CMYK values of C:0.55, M:0.05, Y:0, K:0.22. Its decimal value is 5946822.

Hex triplet	5abdc6	`#5abdc6`
RGB Decimal	90, 189, 198	`rgb(90,189,198)`
RGB Percent	35.3, 74.1, 77.6	`rgb(35.3%,74.1%,77.6%)`
CMYK	55, 5, 0, 22
HSL	185°, 48.6, 56.5	`hsl(185,48.6%,56.5%)`
HSV (or HSB)	185°, 54.5, 77.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.312, -26.336, -13.371
XYZ	32.604, 42.644, 59.936
xyY	0.241, 0.315, 42.644
CIE-LCH	71.312, 29.536, 206.918
CIE-LUV	71.312, -41.514, -16.604
Hunter-Lab	65.302, -25.157, -8.706
Binary	01011010, 10111101, 11000110

#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#c6635a
```
#c6635a rgb(198,99,90)
```

Complementary Color

#5ac699
```
#5ac699 rgb(90,198,153)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#5a87c6
```
#5a87c6 rgb(90,135,198)
```

Analogous Color

#c6995a
```
#c6995a rgb(198,153,90)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#c65a87
```
#c65a87 rgb(198,90,135)
```

Split Complementary Color

#bdc65a
```
#bdc65a rgb(189,198,90)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#c65abd
```
#c65abd rgb(198,90,189)
```

Triadic Color

#5ac663
```
#5ac663 rgb(90,198,99)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#c65abd
```
#c65abd rgb(198,90,189)
```
#c6635a
```
#c6635a rgb(198,99,90)
```

Tetradic Color

#36959d
```
#36959d rgb(54,149,157)
```
#3da7b0
```
#3da7b0 rgb(61,167,176)
```
#47b5bf
```
#47b5bf rgb(71,181,191)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#6dc5cd
```
#6dc5cd rgb(109,197,205)
```
#80ccd3
```
#80ccd3 rgb(128,204,211)
```
#93d4da
```
#93d4da rgb(147,212,218)
```

Monochromatic Color

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

#5ac6b4
```
#5ac6b4 rgb(90,198,180)
```
#5ac6bd
```
#5ac6bd rgb(90,198,189)
```
#5ac6c6
```
#5ac6c6 rgb(90,198,198)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#5ab4c6
```
#5ab4c6 rgb(90,180,198)
```
#5aabc6
```
#5aabc6 rgb(90,171,198)
```
#5aa2c6
```
#5aa2c6 rgb(90,162,198)
```

Similar Colors

Text with hexadecimal color #5abdc6

This text has a font color of #5abdc6.

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

#5abdc6 background color

This paragraph has a background color of #5abdc6.

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

#5abdc6 border color

This element has a border color of #5abdc6.

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

CSS codes

.text {color:#5abdc6;}

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

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

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, #03090a is the darkest color, while #fafdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081719
```
#081719 rgb(8,23,25)
```
#0e2527
```
#0e2527 rgb(14,37,39)
```
#133336
```
#133336 rgb(19,51,54)
```
#184144
```
#184144 rgb(24,65,68)
```
#1d4e53
```
#1d4e53 rgb(29,78,83)
```
#225c61
```
#225c61 rgb(34,92,97)
```
#276a70
```
#276a70 rgb(39,106,112)
```
#2c787f
```
#2c787f rgb(44,120,127)
```
#31858d
```
#31858d rgb(49,133,141)
```
#36939c
```
#36939c rgb(54,147,156)
```
#3ba1aa
```
#3ba1aa rgb(59,161,170)
```
#40afb9
```
#40afb9 rgb(64,175,185)
```

Shade Color Variation

#4bb7c1
```
#4bb7c1 rgb(75,183,193)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#69c3cb
```
#69c3cb rgb(105,195,203)
```
#77c9d0
```
#77c9d0 rgb(119,201,208)
```
#86ced5
```
#86ced5 rgb(134,206,213)
```
#94d4da
```
#94d4da rgb(148,212,218)
```
#a3dadf
```
#a3dadf rgb(163,218,223)
```
#b1e0e4
```
#b1e0e4 rgb(177,224,228)
```
#c0e6e9
```
#c0e6e9 rgb(192,230,233)
```
#cfecee
```
#cfecee rgb(207,236,238)
```
#ddf1f3
```
#ddf1f3 rgb(221,241,243)
```
#ecf7f8
```
#ecf7f8 rgb(236,247,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#8d9293
```
#8d9293 rgb(141,146,147)
```
#85999b
```
#85999b rgb(133,153,155)
```
#7ca1a4
```
#7ca1a4 rgb(124,161,164)
```
#74a8ac
```
#74a8ac rgb(116,168,172)
```
#6bafb5
```
#6bafb5 rgb(107,175,181)
```
#63b6bd
```
#63b6bd rgb(99,182,189)
```
#5abdc6
```
#5abdc6 rgb(90,189,198)
```
#51c4cf
```
#51c4cf rgb(81,196,207)
```
#49cbd7
```
#49cbd7 rgb(73,203,215)
```
#40d2e0
```
#40d2e0 rgb(64,210,224)
```
#38d9e8
```
#38d9e8 rgb(56,217,232)
```
#2fe1f1
```
#2fe1f1 rgb(47,225,241)
```
#27e8f9
```
#27e8f9 rgb(39,232,249)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b1c0 Protanopia 1% of men
#b4aecf Deuteranopia 1% of men
#64bfcd Tritanopia 0.001% of the population

Trichromacy

#91b5c2 Protanomaly 1% of men, 0.01% of women
#93b4cb Deuteranomaly 6% of men, 0.4% of women
#60beca Tritanomaly 0.01% of the population

#5abdc6 hex color

#5abdc6 Color Information

#5abdc6 Color Conversion

Color Schemes with #5abdc6

Alternatives to #5abdc6

#5abdc6 Preview

Shades and Tints of #5abdc6

Tones of #5abdc6

Color Blindness Simulator