#5aadbf hex color

In a RGB color space, hex #5aadbf is composed of 35.3% red, 67.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 9.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 190.7 degrees, a saturation of 44.1% and a lightness of 55.1%. #5aadbf color hex could be obtained by blending #b4ffff with #005b7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 68
- B 75
RGB color chart
- C 53
- M 9
- Y 0
- K 25
CMYK color chart

● #5aadbf color description : Moderate cyan.

The hexadecimal color #5aadbf has RGB values of R:90, G:173, B:191 and CMYK values of C:0.53, M:0.09, Y:0, K:0.25. Its decimal value is 5942719.

Hex triplet	5aadbf	`#5aadbf`
RGB Decimal	90, 173, 191	`rgb(90,173,191)`
RGB Percent	35.3, 67.8, 74.9	`rgb(35.3%,67.8%,74.9%)`
CMYK	53, 9, 0, 25
HSL	190.7°, 44.1, 55.1	`hsl(190.7,44.1%,55.1%)`
HSV (or HSB)	190.7°, 52.9, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.383, -20.195, -16.949
XYZ	28.561, 35.82, 54.696
xyY	0.24, 0.301, 35.82
CIE-LCH	66.383, 26.365, 220.004
CIE-LUV	66.383, -35.666, -23.031
Hunter-Lab	59.85, -19.555, -12.289
Binary	01011010, 10101101, 10111111

#5aadbf
```
#5aadbf rgb(90,173,191)
```
#bf6c5a
```
#bf6c5a rgb(191,108,90)
```

Complementary Color

#5abf9f
```
#5abf9f rgb(90,191,159)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#5a7bbf
```
#5a7bbf rgb(90,123,191)
```

Analogous Color

#bf9f5a
```
#bf9f5a rgb(191,159,90)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#bf5a7b
```
#bf5a7b rgb(191,90,123)
```

Split Complementary Color

#adbf5a
```
#adbf5a rgb(173,191,90)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#bf5aad
```
#bf5aad rgb(191,90,173)
```

Triadic Color

#5abf6c
```
#5abf6c rgb(90,191,108)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#bf5aad
```
#bf5aad rgb(191,90,173)
```
#bf6c5a
```
#bf6c5a rgb(191,108,90)
```

Tetradic Color

#398393
```
#398393 rgb(57,131,147)
```
#4094a6
```
#4094a6 rgb(64,148,166)
```
#48a4b8
```
#48a4b8 rgb(72,164,184)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#6cb6c6
```
#6cb6c6 rgb(108,182,198)
```
#7fbfcd
```
#7fbfcd rgb(127,191,205)
```
#91c8d4
```
#91c8d4 rgb(145,200,212)
```

Monochromatic Color

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

#5abfb8
```
#5abfb8 rgb(90,191,184)
```
#5abebf
```
#5abebf rgb(90,190,191)
```
#5ab5bf
```
#5ab5bf rgb(90,181,191)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#5aa5bf
```
#5aa5bf rgb(90,165,191)
```
#5a9cbf
```
#5a9cbf rgb(90,156,191)
```
#5a94bf
```
#5a94bf rgb(90,148,191)
```

Similar Colors

Text with hexadecimal color #5aadbf

This text has a font color of #5aadbf.

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

#5aadbf background color

This paragraph has a background color of #5aadbf.

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

#5aadbf border color

This element has a border color of #5aadbf.

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

CSS codes

.text {color:#5aadbf;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071113
```
#071113 rgb(7,17,19)
```
#0d1d21
```
#0d1d21 rgb(13,29,33)
```
#122a2f
```
#122a2f rgb(18,42,47)
```
#18363d
```
#18363d rgb(24,54,61)
```
#1d434b
```
#1d434b rgb(29,67,75)
```
#235059
```
#235059 rgb(35,80,89)
```
#285c68
```
#285c68 rgb(40,92,104)
```
#2e6976
```
#2e6976 rgb(46,105,118)
```
#337584
```
#337584 rgb(51,117,132)
```
#398292
```
#398292 rgb(57,130,146)
```
#3e8fa0
```
#3e8fa0 rgb(62,143,160)
```
#449bae
```
#449bae rgb(68,155,174)
```

Shade Color Variation

#4ca6ba
```
#4ca6ba rgb(76,166,186)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#68b4c4
```
#68b4c4 rgb(104,180,196)
```
#76bbca
```
#76bbca rgb(118,187,202)
```
#84c2cf
```
#84c2cf rgb(132,194,207)
```
#93c9d5
```
#93c9d5 rgb(147,201,213)
```
#a1d0da
```
#a1d0da rgb(161,208,218)
```
#afd7e0
```
#afd7e0 rgb(175,215,224)
```
#bddee5
```
#bddee5 rgb(189,222,229)
```
#cbe5eb
```
#cbe5eb rgb(203,229,235)
```
#d9ecf0
```
#d9ecf0 rgb(217,236,240)
```
#e7f3f6
```
#e7f3f6 rgb(231,243,246)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#869193
```
#869193 rgb(134,145,147)
```
#7d969c
```
#7d969c rgb(125,150,156)
```
#749ca5
```
#749ca5 rgb(116,156,165)
```
#6ca2ad
```
#6ca2ad rgb(108,162,173)
```
#63a7b6
```
#63a7b6 rgb(99,167,182)
```
#5aadbf
```
#5aadbf rgb(90,173,191)
```
#51b3c8
```
#51b3c8 rgb(81,179,200)
```
#48b8d1
```
#48b8d1 rgb(72,184,209)
```
#40bed9
```
#40bed9 rgb(64,190,217)
```
#37c4e2
```
#37c4e2 rgb(55,196,226)
```
#2ec9eb
```
#2ec9eb rgb(46,201,235)
```
#25cff4
```
#25cff4 rgb(37,207,244)
```
#1cd5fd
```
#1cd5fd rgb(28,213,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a9b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a5bb Protanopia 1% of men
#a4a3c7 Deuteranopia 1% of men
#61b1be Tritanopia 0.001% of the population

Trichromacy

#88a7bc Protanomaly 1% of men, 0.01% of women
#89a6c4 Deuteranomaly 6% of men, 0.4% of women
#5eb0be Tritanomaly 0.01% of the population

#5aadbf hex color

#5aadbf Color Information

#5aadbf Color Conversion

Color Schemes with #5aadbf

Alternatives to #5aadbf

#5aadbf Preview

Shades and Tints of #5aadbf

Tones of #5aadbf

Color Blindness Simulator