#5ba2a3 hex color

In a RGB color space, hex #5ba2a3 is composed of 35.7% red, 63.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 0.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 180.8 degrees, a saturation of 28.3% and a lightness of 49.8%. #5ba2a3 color hex could be obtained by blending #b6ffff with #004547. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 64
- B 64
RGB color chart
- C 44
- M 1
- Y 0
- K 36
CMYK color chart

● #5ba2a3 color description : Mostly desaturated dark cyan.

The hexadecimal color #5ba2a3 has RGB values of R:91, G:162, B:163 and CMYK values of C:0.44, M:0.01, Y:0, K:0.36. Its decimal value is 6005411.

Hex triplet	5ba2a3	`#5ba2a3`
RGB Decimal	91, 162, 163	`rgb(91,162,163)`
RGB Percent	35.7, 63.5, 63.9	`rgb(35.7%,63.5%,63.9%)`
CMYK	44, 1, 0, 36
HSL	180.8°, 28.3, 49.8	`hsl(180.8,28.3%,49.8%)`
HSV (or HSB)	180.8°, 44.2, 63.9
Web Safe	669999	`#669999`

CIE-LAB	62.26, -21.986, -7.491
XYZ	23.844, 30.708, 39.319
xyY	0.254, 0.327, 30.708
CIE-LCH	62.26, 23.227, 198.815
CIE-LUV	62.26, -31.986, -7.744
Hunter-Lab	55.415, -20.17, -3.279
Binary	01011011, 10100010, 10100011

#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#a35c5b
```
#a35c5b rgb(163,92,91)
```

Complementary Color

#5ba380
```
#5ba380 rgb(91,163,128)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#5b7ea3
```
#5b7ea3 rgb(91,126,163)
```

Analogous Color

#a3805b
```
#a3805b rgb(163,128,91)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#a35b7e
```
#a35b7e rgb(163,91,126)
```

Split Complementary Color

#a2a35b
```
#a2a35b rgb(162,163,91)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#a35ba2
```
#a35ba2 rgb(163,91,162)
```

Triadic Color

#5ba35c
```
#5ba35c rgb(91,163,92)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#a35ba2
```
#a35ba2 rgb(163,91,162)
```
#a35c5b
```
#a35c5b rgb(163,92,91)
```

Tetradic Color

#407172
```
#407172 rgb(64,113,114)
```
#498182
```
#498182 rgb(73,129,130)
```
#529293
```
#529293 rgb(82,146,147)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#6bacac
```
#6bacac rgb(107,172,172)
```
#7bb5b6
```
#7bb5b6 rgb(123,181,182)
```
#8cbebf
```
#8cbebf rgb(140,190,191)
```

Monochromatic Color

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

#5ba392
```
#5ba392 rgb(91,163,146)
```
#5ba398
```
#5ba398 rgb(91,163,152)
```
#5ba39e
```
#5ba39e rgb(91,163,158)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#5b9ca3
```
#5b9ca3 rgb(91,156,163)
```
#5b96a3
```
#5b96a3 rgb(91,150,163)
```
#5b90a3
```
#5b90a3 rgb(91,144,163)
```

Similar Colors

Text with hexadecimal color #5ba2a3

This text has a font color of #5ba2a3.

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

#5ba2a3 background color

This paragraph has a background color of #5ba2a3.

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

#5ba2a3 border color

This element has a border color of #5ba2a3.

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

CSS codes

.text {color:#5ba2a3;}

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

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

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, #070c0c is the darkest color, while #feffff is the lightest one.

#070c0c
```
#070c0c rgb(7,12,12)
```
#0e1819
```
#0e1819 rgb(14,24,25)
```
#152525
```
#152525 rgb(21,37,37)
```
#1c3132
```
#1c3132 rgb(28,49,50)
```
#233e3e
```
#233e3e rgb(35,62,62)
```
#2a4a4b
```
#2a4a4b rgb(42,74,75)
```
#315757
```
#315757 rgb(49,87,87)
```
#386364
```
#386364 rgb(56,99,100)
```
#3f7071
```
#3f7071 rgb(63,112,113)
```
#467c7d
```
#467c7d rgb(70,124,125)
```
#4d898a
```
#4d898a rgb(77,137,138)
```
#549596
```
#549596 rgb(84,149,150)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```

Shade Color Variation

#67a9aa
```
#67a9aa rgb(103,169,170)
```
#74b0b1
```
#74b0b1 rgb(116,176,177)
```
#80b8b8
```
#80b8b8 rgb(128,184,184)
```
#8dbfbf
```
#8dbfbf rgb(141,191,191)
```
#9ac6c6
```
#9ac6c6 rgb(154,198,198)
```
#a6cdcd
```
#a6cdcd rgb(166,205,205)
```
#b3d4d4
```
#b3d4d4 rgb(179,212,212)
```
#bfdbdc
```
#bfdbdc rgb(191,219,220)
```
#cce2e3
```
#cce2e3 rgb(204,226,227)
```
#d9e9ea
```
#d9e9ea rgb(217,233,234)
```
#e5f0f1
```
#e5f0f1 rgb(229,240,241)
```
#f2f8f8
```
#f2f8f8 rgb(242,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#788686
```
#788686 rgb(120,134,134)
```
#6f8f8f
```
#6f8f8f rgb(111,143,143)
```
#659999
```
#659999 rgb(101,153,153)
```
#5ba2a3
```
#5ba2a3 rgb(91,162,163)
```
#51abad
```
#51abad rgb(81,171,173)
```
#47b5b7
```
#47b5b7 rgb(71,181,183)
```
#3ebec0
```
#3ebec0 rgb(62,190,192)
```
#34c8ca
```
#34c8ca rgb(52,200,202)
```
#2ad1d4
```
#2ad1d4 rgb(42,209,212)
```
#20dbde
```
#20dbde rgb(32,219,222)
```
#17e4e7
```
#17e4e7 rgb(23,228,231)
```
#0deef1
```
#0deef1 rgb(13,238,241)
```
#03f7fb
```
#03f7fb rgb(3,247,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#839191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9ba1 Protanopia 1% of men
#a298ad Deuteranopia 1% of men
#67a5b1 Tritanopia 0.001% of the population

Trichromacy

#849da1 Protanomaly 1% of men, 0.01% of women
#889ba9 Deuteranomaly 6% of men, 0.4% of women
#62a4ac Tritanomaly 0.01% of the population

#5ba2a3 hex color

#5ba2a3 Color Information

#5ba2a3 Color Conversion

Color Schemes with #5ba2a3

Alternatives to #5ba2a3

#5ba2a3 Preview

Shades and Tints of #5ba2a3

Tones of #5ba2a3

Color Blindness Simulator