#6ba6bf hex color

In a RGB color space, hex #6ba6bf is composed of 42% red, 65.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 13.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 197.9 degrees, a saturation of 39.6% and a lightness of 58.4%. #6ba6bf color hex could be obtained by blending #d6ffff with #004d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 65
- B 75
RGB color chart
- C 44
- M 13
- Y 0
- K 25
CMYK color chart

● #6ba6bf color description : Slightly desaturated blue.

The hexadecimal color #6ba6bf has RGB values of R:107, G:166, B:191 and CMYK values of C:0.44, M:0.13, Y:0, K:0.25. Its decimal value is 7055039.

Hex triplet	6ba6bf	`#6ba6bf`
RGB Decimal	107, 166, 191	`rgb(107,166,191)`
RGB Percent	42, 65.1, 74.9	`rgb(42%,65.1%,74.9%)`
CMYK	44, 13, 0, 25
HSL	197.9°, 39.6, 58.4	`hsl(197.9,39.6%,58.4%)`
HSV (or HSB)	197.9°, 44, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.088, -12.519, -18.841
XYZ	29.101, 34.158, 54.347
xyY	0.247, 0.29, 34.158
CIE-LCH	65.088, 22.621, 236.398
CIE-LUV	65.088, -27.595, -27.055
Hunter-Lab	58.445, -13.399, -14.221
Binary	01101011, 10100110, 10111111

#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#bf846b
```
#bf846b rgb(191,132,107)
```

Complementary Color

#6bbfae
```
#6bbfae rgb(107,191,174)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#6b7cbf
```
#6b7cbf rgb(107,124,191)
```

Analogous Color

#bfae6b
```
#bfae6b rgb(191,174,107)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#bf6b7c
```
#bf6b7c rgb(191,107,124)
```

Split Complementary Color

#a6bf6b
```
#a6bf6b rgb(166,191,107)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#bf6ba6
```
#bf6ba6 rgb(191,107,166)
```

Triadic Color

#6bbf84
```
#6bbf84 rgb(107,191,132)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#bf6ba6
```
#bf6ba6 rgb(191,107,166)
```
#bf846b
```
#bf846b rgb(191,132,107)
```

Tetradic Color

#43819b
```
#43819b rgb(67,129,155)
```
#4b8fac
```
#4b8fac rgb(75,143,172)
```
#599bb7
```
#599bb7 rgb(89,155,183)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#7db1c7
```
#7db1c7 rgb(125,177,199)
```
#8fbbce
```
#8fbbce rgb(143,187,206)
```
#a0c6d6
```
#a0c6d6 rgb(160,198,214)
```

Monochromatic Color

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

#6bbbbf
```
#6bbbbf rgb(107,187,191)
```
#6bb4bf
```
#6bb4bf rgb(107,180,191)
```
#6badbf
```
#6badbf rgb(107,173,191)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#6b9fbf
```
#6b9fbf rgb(107,159,191)
```
#6b98bf
```
#6b98bf rgb(107,152,191)
```
#6b91bf
```
#6b91bf rgb(107,145,191)
```

Similar Colors

Text with hexadecimal color #6ba6bf

This text has a font color of #6ba6bf.

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

#6ba6bf background color

This paragraph has a background color of #6ba6bf.

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

#6ba6bf border color

This element has a border color of #6ba6bf.

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

CSS codes

.text {color:#6ba6bf;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070e10
```
#070e10 rgb(7,14,16)
```
#0d191e
```
#0d191e rgb(13,25,30)
```
#13242c
```
#13242c rgb(19,36,44)
```
#193039
```
#193039 rgb(25,48,57)
```
#1f3b47
```
#1f3b47 rgb(31,59,71)
```
#254655
```
#254655 rgb(37,70,85)
```
#2b5262
```
#2b5262 rgb(43,82,98)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#36697e
```
#36697e rgb(54,105,126)
```
#3c748c
```
#3c748c rgb(60,116,140)
```
#427f99
```
#427f99 rgb(66,127,153)
```
#488ba7
```
#488ba7 rgb(72,139,167)
```

Shade Color Variation

#5096b3
```
#5096b3 rgb(80,150,179)
```
#5d9eb9
```
#5d9eb9 rgb(93,158,185)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#79aec5
```
#79aec5 rgb(121,174,197)
```
#86b6cb
```
#86b6cb rgb(134,182,203)
```
#94bfd1
```
#94bfd1 rgb(148,191,209)
```
#a2c7d7
```
#a2c7d7 rgb(162,199,215)
```
#afcfdd
```
#afcfdd rgb(175,207,221)
```
#bdd7e3
```
#bdd7e3 rgb(189,215,227)
```
#cbe0e8
```
#cbe0e8 rgb(203,224,232)
```
#d9e8ee
```
#d9e8ee rgb(217,232,238)
```
#e6f0f4
```
#e6f0f4 rgb(230,240,244)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#949596
```
#949596 rgb(148,149,150)
```
#8c999e
```
#8c999e rgb(140,153,158)
```
#839ca7
```
#839ca7 rgb(131,156,167)
```
#7b9faf
```
#7b9faf rgb(123,159,175)
```
#73a3b7
```
#73a3b7 rgb(115,163,183)
```
#6ba6bf
```
#6ba6bf rgb(107,166,191)
```
#63a9c7
```
#63a9c7 rgb(99,169,199)
```
#5badcf
```
#5badcf rgb(91,173,207)
```
#53b0d7
```
#53b0d7 rgb(83,176,215)
```
#4ab3e0
```
#4ab3e0 rgb(74,179,224)
```
#42b7e8
```
#42b7e8 rgb(66,183,232)
```
#3abaf0
```
#3abaf0 rgb(58,186,240)
```
#32bdf8
```
#32bdf8 rgb(50,189,248)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8e9a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da1bc Protanopia 1% of men
#9f9fc6 Deuteranopia 1% of men
#6facb8 Tritanopia 0.001% of the population

Trichromacy

#8ba3bd Protanomaly 1% of men, 0.01% of women
#8ca2c3 Deuteranomaly 6% of men, 0.4% of women
#6daabb Tritanomaly 0.01% of the population

#6ba6bf hex color

#6ba6bf Color Information

#6ba6bf Color Conversion

Color Schemes with #6ba6bf

Alternatives to #6ba6bf

#6ba6bf Preview

Shades and Tints of #6ba6bf

Tones of #6ba6bf

Color Blindness Simulator