#5ba6ad hex color

In a RGB color space, hex #5ba6ad is composed of 35.7% red, 65.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 4% magenta, 0% yellow and 32.2% black. It has a hue angle of 185.1 degrees, a saturation of 33.3% and a lightness of 51.8%. #5ba6ad color hex could be obtained by blending #b6ffff with #004d5b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 65
- B 68
RGB color chart
- C 47
- M 4
- Y 0
- K 32
CMYK color chart

● #5ba6ad color description : Dark moderate cyan.

The hexadecimal color #5ba6ad has RGB values of R:91, G:166, B:173 and CMYK values of C:0.47, M:0.04, Y:0, K:0.32. Its decimal value is 6006445.

Hex triplet	5ba6ad	`#5ba6ad`
RGB Decimal	91, 166, 173	`rgb(91,166,173)`
RGB Percent	35.7, 65.1, 67.8	`rgb(35.7%,65.1%,67.8%)`
CMYK	47, 4, 0, 32
HSL	185.1°, 33.3, 51.8	`hsl(185.1,33.3%,51.8%)`
HSV (or HSB)	185.1°, 47.4, 67.8
Web Safe	669999	`#669999`

CIE-LAB	63.764, -21.365, -10.859
XYZ	25.491, 32.512, 44.465
xyY	0.249, 0.317, 32.512
CIE-LCH	63.764, 23.966, 206.941
CIE-LUV	63.764, -33.271, -13.08
Hunter-Lab	57.019, -19.983, -6.322
Binary	01011011, 10100110, 10101101

#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#ad625b
```
#ad625b rgb(173,98,91)
```

Complementary Color

#5bad8b
```
#5bad8b rgb(91,173,139)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#5b7dad
```
#5b7dad rgb(91,125,173)
```

Analogous Color

#ad8b5b
```
#ad8b5b rgb(173,139,91)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#ad5b7d
```
#ad5b7d rgb(173,91,125)
```

Split Complementary Color

#a6ad5b
```
#a6ad5b rgb(166,173,91)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#ad5ba6
```
#ad5ba6 rgb(173,91,166)
```

Triadic Color

#5bad62
```
#5bad62 rgb(91,173,98)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#ad5ba6
```
#ad5ba6 rgb(173,91,166)
```
#ad625b
```
#ad625b rgb(173,98,91)
```

Tetradic Color

#3f787d
```
#3f787d rgb(63,120,125)
```
#47888e
```
#47888e rgb(71,136,142)
```
#50989f
```
#50989f rgb(80,152,159)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#6cafb6
```
#6cafb6 rgb(108,175,182)
```
#7db8be
```
#7db8be rgb(125,184,190)
```
#8ec2c7
```
#8ec2c7 rgb(142,194,199)
```

Monochromatic Color

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

#5bada0
```
#5bada0 rgb(91,173,160)
```
#5bada6
```
#5bada6 rgb(91,173,166)
```
#5badad
```
#5badad rgb(91,173,173)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#5b9fad
```
#5b9fad rgb(91,159,173)
```
#5b98ad
```
#5b98ad rgb(91,152,173)
```
#5b92ad
```
#5b92ad rgb(91,146,173)
```

Similar Colors

Text with hexadecimal color #5ba6ad

This text has a font color of #5ba6ad.

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

#5ba6ad background color

This paragraph has a background color of #5ba6ad.

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

#5ba6ad border color

This element has a border color of #5ba6ad.

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

CSS codes

.text {color:#5ba6ad;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1213
```
#0a1213 rgb(10,18,19)
```
#101f20
```
#101f20 rgb(16,31,32)
```
#172b2d
```
#172b2d rgb(23,43,45)
```
#1d383a
```
#1d383a rgb(29,56,58)
```
#244447
```
#244447 rgb(36,68,71)
```
#2a5154
```
#2a5154 rgb(42,81,84)
```
#315d62
```
#315d62 rgb(49,93,98)
```
#376a6f
```
#376a6f rgb(55,106,111)
```
#3e767c
```
#3e767c rgb(62,118,124)
```
#448389
```
#448389 rgb(68,131,137)
```
#4b8f96
```
#4b8f96 rgb(75,143,150)
```
#519ca3
```
#519ca3 rgb(81,156,163)
```

Shade Color Variation

#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#68adb4
```
#68adb4 rgb(104,173,180)
```
#75b4ba
```
#75b4ba rgb(117,180,186)
```
#82bbc1
```
#82bbc1 rgb(130,187,193)
```
#8fc2c7
```
#8fc2c7 rgb(143,194,199)
```
#9cc9ce
```
#9cc9ce rgb(156,201,206)
```
#a9d1d4
```
#a9d1d4 rgb(169,209,212)
```
#b7d8db
```
#b7d8db rgb(183,216,219)
```
#c4dfe1
```
#c4dfe1 rgb(196,223,225)
```
#d1e6e8
```
#d1e6e8 rgb(209,230,232)
```
#deedee
```
#deedee rgb(222,237,238)
```
#ebf4f5
```
#ebf4f5 rgb(235,244,245)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#818787
```
#818787 rgb(129,135,135)
```
#778e91
```
#778e91 rgb(119,142,145)
```
#6e969a
```
#6e969a rgb(110,150,154)
```
#649ea4
```
#649ea4 rgb(100,158,164)
```
#5ba6ad
```
#5ba6ad rgb(91,166,173)
```
#52aeb6
```
#52aeb6 rgb(82,174,182)
```
#48b6c0
```
#48b6c0 rgb(72,182,192)
```
#3fbec9
```
#3fbec9 rgb(63,190,201)
```
#35c5d3
```
#35c5d3 rgb(53,197,211)
```
#2ccddc
```
#2ccddc rgb(44,205,220)
```
#22d5e6
```
#22d5e6 rgb(34,213,230)
```
#19ddef
```
#19ddef rgb(25,221,239)
```
#0fe5f9
```
#0fe5f9 rgb(15,229,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#859496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9eaa Protanopia 1% of men
#a39cb6 Deuteranopia 1% of men
#65a9b6 Tritanopia 0.001% of the population

Trichromacy

#86a1ab Protanomaly 1% of men, 0.01% of women
#889fb3 Deuteranomaly 6% of men, 0.4% of women
#61a8b2 Tritanomaly 0.01% of the population

#5ba6ad hex color

#5ba6ad Color Information

#5ba6ad Color Conversion

Color Schemes with #5ba6ad

Alternatives to #5ba6ad

#5ba6ad Preview

Shades and Tints of #5ba6ad

Tones of #5ba6ad

Color Blindness Simulator