#6ba5a3 hex color

In a RGB color space, hex #6ba5a3 is composed of 42% red, 64.7% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 0% magenta, 1.2% yellow and 35.3% black. It has a hue angle of 177.9 degrees, a saturation of 24.4% and a lightness of 53.3%. #6ba5a3 color hex could be obtained by blending #d6ffff with #004b47. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 65
- B 64
RGB color chart
- C 35
- M 0
- Y 1
- K 35
CMYK color chart

● #6ba5a3 color description : Mostly desaturated dark cyan.

The hexadecimal color #6ba5a3 has RGB values of R:107, G:165, B:163 and CMYK values of C:0.35, M:0, Y:0.01, K:0.35. Its decimal value is 7054755.

Hex triplet	6ba5a3	`#6ba5a3`
RGB Decimal	107, 165, 163	`rgb(107,165,163)`
RGB Percent	42, 64.7, 63.9	`rgb(42%,64.7%,63.9%)`
CMYK	35, 0, 1, 35
HSL	177.9°, 24.4, 53.3	`hsl(177.9,24.4%,53.3%)`
HSV (or HSB)	177.9°, 35.2, 64.7
Web Safe	669999	`#669999`

CIE-LAB	63.9, -19.292, -4.977
XYZ	26.128, 32.679, 39.579
xyY	0.266, 0.332, 32.679
CIE-LCH	63.9, 19.924, 194.465
CIE-LUV	63.9, -27.637, -4.324
Hunter-Lab	57.166, -18.456, -1.034
Binary	01101011, 10100101, 10100011

#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#a56b6d
```
#a56b6d rgb(165,107,109)
```

Complementary Color

#6ba586
```
#6ba586 rgb(107,165,134)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#6b8aa5
```
#6b8aa5 rgb(107,138,165)
```

Analogous Color

#a5866b
```
#a5866b rgb(165,134,107)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#a56b8a
```
#a56b8a rgb(165,107,138)
```

Split Complementary Color

#a5a36b
```
#a5a36b rgb(165,163,107)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#a36ba5
```
#a36ba5 rgb(163,107,165)
```

Triadic Color

#6da56b
```
#6da56b rgb(109,165,107)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#a36ba5
```
#a36ba5 rgb(163,107,165)
```
#a56b6d
```
#a56b6d rgb(165,107,109)
```

Tetradic Color

#4a7a78
```
#4a7a78 rgb(74,122,120)
```
#548988
```
#548988 rgb(84,137,136)
```
#5d9997
```
#5d9997 rgb(93,153,151)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#7bafad
```
#7bafad rgb(123,175,173)
```
#8bb8b7
```
#8bb8b7 rgb(139,184,183)
```
#9bc2c1
```
#9bc2c1 rgb(155,194,193)
```

Monochromatic Color

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

#6ba595
```
#6ba595 rgb(107,165,149)
```
#6ba599
```
#6ba599 rgb(107,165,153)
```
#6ba59e
```
#6ba59e rgb(107,165,158)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#6ba2a5
```
#6ba2a5 rgb(107,162,165)
```
#6b9da5
```
#6b9da5 rgb(107,157,165)
```
#6b99a5
```
#6b99a5 rgb(107,153,165)
```

Similar Colors

Text with hexadecimal color #6ba5a3

This text has a font color of #6ba5a3.

<span style="color:#6ba5a3;">Text here</span>

#6ba5a3 background color

This paragraph has a background color of #6ba5a3.

<p style="background-color:#6ba5a3;">Content here</p>

#6ba5a3 border color

This element has a border color of #6ba5a3.

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

CSS codes

.text {color:#6ba5a3;}

.background {background-color:#6ba5a3;}

.border {border:1px solid #6ba5a3;}

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

#060b0a
```
#060b0a rgb(6,11,10)
```
#0e1716
```
#0e1716 rgb(14,23,22)
```
#152322
```
#152322 rgb(21,35,34)
```
#1d2f2f
```
#1d2f2f rgb(29,47,47)
```
#243b3b
```
#243b3b rgb(36,59,59)
```
#2c4847
```
#2c4847 rgb(44,72,71)
```
#335453
```
#335453 rgb(51,84,83)
```
#3a605f
```
#3a605f rgb(58,96,95)
```
#426c6b
```
#426c6b rgb(66,108,107)
```
#497877
```
#497877 rgb(73,120,119)
```
#518583
```
#518583 rgb(81,133,131)
```
#58918f
```
#58918f rgb(88,145,143)
```
#5f9d9b
```
#5f9d9b rgb(95,157,155)
```

Shade Color Variation

#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#77acab
```
#77acab rgb(119,172,171)
```
#83b4b2
```
#83b4b2 rgb(131,180,178)
```
#90bbba
```
#90bbba rgb(144,187,186)
```
#9cc3c1
```
#9cc3c1 rgb(156,195,193)
```
#a8cac9
```
#a8cac9 rgb(168,202,201)
```
#b4d2d0
```
#b4d2d0 rgb(180,210,208)
```
#c0d9d8
```
#c0d9d8 rgb(192,217,216)
```
#cde0e0
```
#cde0e0 rgb(205,224,224)
```
#d9e8e7
```
#d9e8e7 rgb(217,232,231)
```
#e5efef
```
#e5efef rgb(229,239,239)
```
#f1f7f6
```
#f1f7f6 rgb(241,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a89 is the less saturated color, while #19f7f0 is the most saturated one.

#868a89
```
#868a89 rgb(134,138,137)
```
#7d9392
```
#7d9392 rgb(125,147,146)
```
#749c9a
```
#749c9a rgb(116,156,154)
```
#6ba5a3
```
#6ba5a3 rgb(107,165,163)
```
#62aeac
```
#62aeac rgb(98,174,172)
```
#59b7b4
```
#59b7b4 rgb(89,183,180)
```
#50c0bd
```
#50c0bd rgb(80,192,189)
```
#46cac5
```
#46cac5 rgb(70,202,197)
```
#3dd3ce
```
#3dd3ce rgb(61,211,206)
```
#34dcd6
```
#34dcd6 rgb(52,220,214)
```
#2be5df
```
#2be5df rgb(43,229,223)
```
#22eee7
```
#22eee7 rgb(34,238,231)
```
#19f7f0
```
#19f7f0 rgb(25,247,240)
```

Tone Color Variation

Below, you can see how #6ba5a3 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

#939393 Achromatopsia 0.005% of the population
#8b9796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19fa2 Protanopia 1% of men
#a89bac Deuteranopia 1% of men
#76a7b3 Tritanopia 0.001% of the population

Trichromacy

#8da1a2 Protanomaly 1% of men, 0.01% of women
#929fa9 Deuteranomaly 6% of men, 0.4% of women
#72a6ad Tritanomaly 0.01% of the population

#6ba5a3 hex color

#6ba5a3 Color Information

#6ba5a3 Color Conversion

Color Schemes with #6ba5a3

Alternatives to #6ba5a3

#6ba5a3 Preview

Shades and Tints of #6ba5a3

Tones of #6ba5a3

Color Blindness Simulator