#6ba3af hex color

In a RGB color space, hex #6ba3af is composed of 42% red, 63.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 6.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 190.6 degrees, a saturation of 29.8% and a lightness of 55.3%. #6ba3af color hex could be obtained by blending #d6ffff with #00475f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 64
- B 69
RGB color chart
- C 39
- M 7
- Y 0
- K 31
CMYK color chart

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

The hexadecimal color #6ba3af has RGB values of R:107, G:163, B:175 and CMYK values of C:0.39, M:0.07, Y:0, K:0.31. Its decimal value is 7054255.

Hex triplet	6ba3af	`#6ba3af`
RGB Decimal	107, 163, 175	`rgb(107,163,175)`
RGB Percent	42, 63.9, 68.6	`rgb(42%,63.9%,68.6%)`
CMYK	39, 7, 0, 31
HSL	190.6°, 29.8, 55.3	`hsl(190.6,29.8%,55.3%)`
HSV (or HSB)	190.6°, 38.9, 68.6
Web Safe	669999	`#669999`

CIE-LAB	63.684, -15.2, -12.024
XYZ	26.897, 32.414, 45.394
xyY	0.257, 0.31, 32.414
CIE-LCH	63.684, 19.381, 218.344
CIE-LUV	63.684, -26.61, -15.76
Hunter-Lab	56.933, -15.306, -7.42
Binary	01101011, 10100011, 10101111

#6ba3af
```
#6ba3af rgb(107,163,175)
```
#af776b
```
#af776b rgb(175,119,107)
```

Complementary Color

#6baf99
```
#6baf99 rgb(107,175,153)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#6b81af
```
#6b81af rgb(107,129,175)
```

Analogous Color

#af996b
```
#af996b rgb(175,153,107)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#af6b81
```
#af6b81 rgb(175,107,129)
```

Split Complementary Color

#a3af6b
```
#a3af6b rgb(163,175,107)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#af6ba3
```
#af6ba3 rgb(175,107,163)
```

Triadic Color

#6baf77
```
#6baf77 rgb(107,175,119)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#af6ba3
```
#af6ba3 rgb(175,107,163)
```
#af776b
```
#af776b rgb(175,119,107)
```

Tetradic Color

#487b85
```
#487b85 rgb(72,123,133)
```
#518a96
```
#518a96 rgb(81,138,150)
```
#5a99a6
```
#5a99a6 rgb(90,153,166)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#7cadb8
```
#7cadb8 rgb(124,173,184)
```
#8cb8c1
```
#8cb8c1 rgb(140,184,193)
```
#9dc2ca
```
#9dc2ca rgb(157,194,202)
```

Monochromatic Color

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

#6bafaa
```
#6bafaa rgb(107,175,170)
```
#6baeaf
```
#6baeaf rgb(107,174,175)
```
#6ba9af
```
#6ba9af rgb(107,169,175)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#6b9daf
```
#6b9daf rgb(107,157,175)
```
#6b98af
```
#6b98af rgb(107,152,175)
```
#6b92af
```
#6b92af rgb(107,146,175)
```

Similar Colors

Text with hexadecimal color #6ba3af

This text has a font color of #6ba3af.

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

#6ba3af background color

This paragraph has a background color of #6ba3af.

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

#6ba3af border color

This element has a border color of #6ba3af.

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

CSS codes

.text {color:#6ba3af;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#091012
```
#091012 rgb(9,16,18)
```
#101c1e
```
#101c1e rgb(16,28,30)
```
#17282b
```
#17282b rgb(23,40,43)
```
#1e3338
```
#1e3338 rgb(30,51,56)
```
#253f44
```
#253f44 rgb(37,63,68)
```
#2c4b51
```
#2c4b51 rgb(44,75,81)
```
#33565e
```
#33565e rgb(51,86,94)
```
#3a626b
```
#3a626b rgb(58,98,107)
```
#416e77
```
#416e77 rgb(65,110,119)
```
#477984
```
#477984 rgb(71,121,132)
```
#4e8591
```
#4e8591 rgb(78,133,145)
```
#55919e
```
#55919e rgb(85,145,158)
```

Shade Color Variation

#5e9ba8
```
#5e9ba8 rgb(94,155,168)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#78abb6
```
#78abb6 rgb(120,171,182)
```
#84b3bd
```
#84b3bd rgb(132,179,189)
```
#91bbc4
```
#91bbc4 rgb(145,187,196)
```
#9ec3cb
```
#9ec3cb rgb(158,195,203)
```
#abcbd1
```
#abcbd1 rgb(171,203,209)
```
#b7d2d8
```
#b7d2d8 rgb(183,210,216)
```
#c4dadf
```
#c4dadf rgb(196,218,223)
```
#d1e2e6
```
#d1e2e6 rgb(209,226,230)
```
#deeaed
```
#deeaed rgb(222,234,237)
```
#eaf2f4
```
#eaf2f4 rgb(234,242,244)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#859295
```
#859295 rgb(133,146,149)
```
#7d989d
```
#7d989d rgb(125,152,157)
```
#749da6
```
#749da6 rgb(116,157,166)
```
#6ba3af
```
#6ba3af rgb(107,163,175)
```
#62a9b8
```
#62a9b8 rgb(98,169,184)
```
#59aec1
```
#59aec1 rgb(89,174,193)
```
#51b4c9
```
#51b4c9 rgb(81,180,201)
```
#48bad2
```
#48bad2 rgb(72,186,210)
```
#3fbfdb
```
#3fbfdb rgb(63,191,219)
```
#36c5e4
```
#36c5e4 rgb(54,197,228)
```
#2ecbec
```
#2ecbec rgb(46,203,236)
```
#25d0f5
```
#25d0f5 rgb(37,208,245)
```
#1cd6fe
```
#1cd6fe rgb(28,214,254)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8c9799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9ead Protanopia 1% of men
#a29bb7 Deuteranopia 1% of men
#72a7b3 Tritanopia 0.001% of the population

Trichromacy

#8ba0ae Protanomaly 1% of men, 0.01% of women
#8e9eb4 Deuteranomaly 6% of men, 0.4% of women
#70a5b2 Tritanomaly 0.01% of the population

#6ba3af hex color

#6ba3af Color Information

#6ba3af Color Conversion

Color Schemes with #6ba3af

Alternatives to #6ba3af

#6ba3af Preview

Shades and Tints of #6ba3af

Tones of #6ba3af

Color Blindness Simulator