#5abdd1 hex color

In a RGB color space, hex #5abdd1 is composed of 35.3% red, 74.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 9.6% magenta, 0% yellow and 18% black. It has a hue angle of 190.1 degrees, a saturation of 56.4% and a lightness of 58.6%. #5abdd1 color hex could be obtained by blending #b4ffff with #007ba3. Closest websafe color is: #66cccc.

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

● #5abdd1 color description : Moderate cyan.

The hexadecimal color #5abdd1 has RGB values of R:90, G:189, B:209 and CMYK values of C:0.57, M:0.1, Y:0, K:0.18. Its decimal value is 5946833.

Hex triplet	5abdd1	`#5abdd1`
RGB Decimal	90, 189, 209	`rgb(90,189,209)`
RGB Percent	35.3, 74.1, 82	`rgb(35.3%,74.1%,82%)`
CMYK	57, 10, 0, 18
HSL	190.1°, 56.4, 58.6	`hsl(190.1,56.4%,58.6%)`
HSV (or HSB)	190.1°, 56.9, 82
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.67, -23.232, -18.841
XYZ	33.92, 43.17, 66.863
xyY	0.236, 0.3, 43.17
CIE-LCH	71.67, 29.912, 219.041
CIE-LUV	71.67, -41.013, -25.954
Hunter-Lab	65.704, -22.831, -14.344
Binary	01011010, 10111101, 11010001

#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#d16e5a
```
#d16e5a rgb(209,110,90)
```

Complementary Color

#5ad1aa
```
#5ad1aa rgb(90,209,170)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#5a82d1
```
#5a82d1 rgb(90,130,209)
```

Analogous Color

#d1aa5a
```
#d1aa5a rgb(209,170,90)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#d15a82
```
#d15a82 rgb(209,90,130)
```

Split Complementary Color

#bdd15a
```
#bdd15a rgb(189,209,90)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#d15abd
```
#d15abd rgb(209,90,189)
```

Triadic Color

#5ad16e
```
#5ad16e rgb(90,209,110)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#d15abd
```
#d15abd rgb(209,90,189)
```
#d16e5a
```
#d16e5a rgb(209,110,90)
```

Tetradic Color

#3199ae
```
#3199ae rgb(49,153,174)
```
#36aac2
```
#36aac2 rgb(54,170,194)
```
#46b5cb
```
#46b5cb rgb(70,181,203)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#6ec5d7
```
#6ec5d7 rgb(110,197,215)
```
#82cddc
```
#82cddc rgb(130,205,220)
```
#96d5e2
```
#96d5e2 rgb(150,213,226)
```

Monochromatic Color

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

#5ad1c7
```
#5ad1c7 rgb(90,209,199)
```
#5ad1d1
```
#5ad1d1 rgb(90,209,209)
```
#5ac7d1
```
#5ac7d1 rgb(90,199,209)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#5ab3d1
```
#5ab3d1 rgb(90,179,209)
```
#5aa9d1
```
#5aa9d1 rgb(90,169,209)
```
#5a9fd1
```
#5a9fd1 rgb(90,159,209)
```

Similar Colors

Text with hexadecimal color #5abdd1

This text has a font color of #5abdd1.

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

#5abdd1 background color

This paragraph has a background color of #5abdd1.

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

#5abdd1 border color

This element has a border color of #5abdd1.

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

CSS codes

.text {color:#5abdd1;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051113
```
#051113 rgb(5,17,19)
```
#0a1e22
```
#0a1e22 rgb(10,30,34)
```
#0e2c32
```
#0e2c32 rgb(14,44,50)
```
#123941
```
#123941 rgb(18,57,65)
```
#164750
```
#164750 rgb(22,71,80)
```
#1b5460
```
#1b5460 rgb(27,84,96)
```
#1f626f
```
#1f626f rgb(31,98,111)
```
#236f7e
```
#236f7e rgb(35,111,126)
```
#287d8e
```
#287d8e rgb(40,125,142)
```
#2c8a9d
```
#2c8a9d rgb(44,138,157)
```
#3098ac
```
#3098ac rgb(48,152,172)
```
#34a5bc
```
#34a5bc rgb(52,165,188)
```

Shade Color Variation

#3bb1c8
```
#3bb1c8 rgb(59,177,200)
```
#4bb7cd
```
#4bb7cd rgb(75,183,205)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#69c3d5
```
#69c3d5 rgb(105,195,213)
```
#79c9da
```
#79c9da rgb(121,201,218)
```
#88cfde
```
#88cfde rgb(136,207,222)
```
#97d6e2
```
#97d6e2 rgb(151,214,226)
```
#a7dce6
```
#a7dce6 rgb(167,220,230)
```
#b6e2eb
```
#b6e2eb rgb(182,226,235)
```
#c5e8ef
```
#c5e8ef rgb(197,232,239)
```
#d5eef3
```
#d5eef3 rgb(213,238,243)
```
#e4f4f7
```
#e4f4f7 rgb(228,244,247)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#939798
```
#939798 rgb(147,151,152)
```
#8b9da0
```
#8b9da0 rgb(139,157,160)
```
#83a2a8
```
#83a2a8 rgb(131,162,168)
```
#7aa7b1
```
#7aa7b1 rgb(122,167,177)
```
#72adb9
```
#72adb9 rgb(114,173,185)
```
#6ab2c1
```
#6ab2c1 rgb(106,178,193)
```
#62b8c9
```
#62b8c9 rgb(98,184,201)
```
#5abdd1
```
#5abdd1 rgb(90,189,209)
```
#52c2d9
```
#52c2d9 rgb(82,194,217)
```
#4ac8e1
```
#4ac8e1 rgb(74,200,225)
```
#42cde9
```
#42cde9 rgb(66,205,233)
```
#3ad3f1
```
#3ad3f1 rgb(58,211,241)
```
#31d8fa
```
#31d8fa rgb(49,216,250)
```

Tone Color Variation

Below, you can see how #5abdd1 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
#94a7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb2ca Protanopia 1% of men
#b0b0d9 Deuteranopia 1% of men
#60c1cf Tritanopia 0.001% of the population

Trichromacy

#90b6cd Protanomaly 1% of men, 0.01% of women
#90b4d6 Deuteranomaly 6% of men, 0.4% of women
#5ebfcf Tritanomaly 0.01% of the population

#5abdd1 hex color

#5abdd1 Color Information

#5abdd1 Color Conversion

Color Schemes with #5abdd1

Alternatives to #5abdd1

#5abdd1 Preview

Shades and Tints of #5abdd1

Tones of #5abdd1

Color Blindness Simulator