#5ba09a hex color

In a RGB color space, hex #5ba09a is composed of 35.7% red, 62.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 0% magenta, 3.8% yellow and 37.3% black. It has a hue angle of 174.8 degrees, a saturation of 27.5% and a lightness of 49.2%. #5ba09a color hex could be obtained by blending #b6ffff with #004135. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 63
- B 60
RGB color chart
- C 43
- M 0
- Y 4
- K 37
CMYK color chart

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

The hexadecimal color #5ba09a has RGB values of R:91, G:160, B:154 and CMYK values of C:0.43, M:0, Y:0.04, K:0.37. Its decimal value is 6004890.

Hex triplet	5ba09a	`#5ba09a`
RGB Decimal	91, 160, 154	`rgb(91,160,154)`
RGB Percent	35.7, 62.7, 60.4	`rgb(35.7%,62.7%,60.4%)`
CMYK	43, 0, 4, 37
HSL	174.8°, 27.5, 49.2	`hsl(174.8,27.5%,49.2%)`
HSV (or HSB)	174.8°, 43.1, 62.7
Web Safe	669999	`#669999`

CIE-LAB	61.392, -23.296, -3.706
XYZ	22.716, 29.697, 35.105
xyY	0.26, 0.339, 29.697
CIE-LCH	61.392, 23.589, 189.039
CIE-LUV	61.392, -31.444, -1.824
Hunter-Lab	54.495, -20.96, -0.047
Binary	01011011, 10100000, 10011010

#5ba09a
```
#5ba09a rgb(91,160,154)
```
#a05b61
```
#a05b61 rgb(160,91,97)
```

Complementary Color

#5ba078
```
#5ba078 rgb(91,160,120)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#5b84a0
```
#5b84a0 rgb(91,132,160)
```

Analogous Color

#a0785b
```
#a0785b rgb(160,120,91)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#a05b84
```
#a05b84 rgb(160,91,132)
```

Split Complementary Color

#a09a5b
```
#a09a5b rgb(160,154,91)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#9a5ba0
```
#9a5ba0 rgb(154,91,160)
```

Triadic Color

#61a05b
```
#61a05b rgb(97,160,91)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#9a5ba0
```
#9a5ba0 rgb(154,91,160)
```
#a05b61
```
#a05b61 rgb(160,91,97)
```

Tetradic Color

#3f6f6b
```
#3f6f6b rgb(63,111,107)
```
#497f7b
```
#497f7b rgb(73,127,123)
```
#52908a
```
#52908a rgb(82,144,138)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#6aaaa5
```
#6aaaa5 rgb(106,170,165)
```
#7ab4af
```
#7ab4af rgb(122,180,175)
```
#8bbdb8
```
#8bbdb8 rgb(139,189,184)
```

Monochromatic Color

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

#5ba089
```
#5ba089 rgb(91,160,137)
```
#5ba08f
```
#5ba08f rgb(91,160,143)
```
#5ba094
```
#5ba094 rgb(91,160,148)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#5ba0a0
```
#5ba0a0 rgb(91,160,160)
```
#5b9ba0
```
#5b9ba0 rgb(91,155,160)
```
#5b95a0
```
#5b95a0 rgb(91,149,160)
```

Similar Colors

Text with hexadecimal color #5ba09a

This text has a font color of #5ba09a.

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

#5ba09a background color

This paragraph has a background color of #5ba09a.

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

#5ba09a border color

This element has a border color of #5ba09a.

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

CSS codes

.text {color:#5ba09a;}

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

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

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, #060a0a is the darkest color, while #fcfefd is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0d1616
```
#0d1616 rgb(13,22,22)
```
#142322
```
#142322 rgb(20,35,34)
```
#1b2f2e
```
#1b2f2e rgb(27,47,46)
```
#223c3a
```
#223c3a rgb(34,60,58)
```
#294846
```
#294846 rgb(41,72,70)
```
#305552
```
#305552 rgb(48,85,82)
```
#37615e
```
#37615e rgb(55,97,94)
```
#3f6e6a
```
#3f6e6a rgb(63,110,106)
```
#467a76
```
#467a76 rgb(70,122,118)
```
#4d8782
```
#4d8782 rgb(77,135,130)
```
#54938e
```
#54938e rgb(84,147,142)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```

Shade Color Variation

#66a8a2
```
#66a8a2 rgb(102,168,162)
```
#73afaa
```
#73afaa rgb(115,175,170)
```
#7fb6b2
```
#7fb6b2 rgb(127,182,178)
```
#8cbeb9
```
#8cbeb9 rgb(140,190,185)
```
#98c5c1
```
#98c5c1 rgb(152,197,193)
```
#a5ccc8
```
#a5ccc8 rgb(165,204,200)
```
#b1d3d0
```
#b1d3d0 rgb(177,211,208)
```
#bedad8
```
#bedad8 rgb(190,218,216)
```
#cae1df
```
#cae1df rgb(202,225,223)
```
#d7e8e7
```
#d7e8e7 rgb(215,232,231)
```
#e3efee
```
#e3efee rgb(227,239,238)
```
#f0f6f6
```
#f0f6f6 rgb(240,246,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#788382
```
#788382 rgb(120,131,130)
```
#6e8d8a
```
#6e8d8a rgb(110,141,138)
```
#659692
```
#659692 rgb(101,150,146)
```
#5ba09a
```
#5ba09a rgb(91,160,154)
```
#51aaa2
```
#51aaa2 rgb(81,170,162)
```
#48b3aa
```
#48b3aa rgb(72,179,170)
```
#3ebdb2
```
#3ebdb2 rgb(62,189,178)
```
#34c7ba
```
#34c7ba rgb(52,199,186)
```
#2bd0c2
```
#2bd0c2 rgb(43,208,194)
```
#21daca
```
#21daca rgb(33,218,202)
```
#17e4d2
```
#17e4d2 rgb(23,228,210)
```
#0eedda
```
#0eedda rgb(14,237,218)
```
#04f7e2
```
#04f7e2 rgb(4,247,226)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#818f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9998 Protanopia 1% of men
#a295a4 Deuteranopia 1% of men
#68a2ae Tritanopia 0.001% of the population

Trichromacy

#849b99 Protanomaly 1% of men, 0.01% of women
#8899a0 Deuteranomaly 6% of men, 0.4% of women
#63a1a6 Tritanomaly 0.01% of the population

#5ba09a hex color

#5ba09a Color Information

#5ba09a Color Conversion

Color Schemes with #5ba09a

Alternatives to #5ba09a

#5ba09a Preview

Shades and Tints of #5ba09a

Tones of #5ba09a

Color Blindness Simulator