#6ba4b7 hex color

In a RGB color space, hex #6ba4b7 is composed of 42% red, 64.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 10.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 195 degrees, a saturation of 34.5% and a lightness of 56.9%. #6ba4b7 color hex could be obtained by blending #d6ffff with #00496f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 64
- B 72
RGB color chart
- C 42
- M 10
- Y 0
- K 28
CMYK color chart

● #6ba4b7 color description : Slightly desaturated blue.

The hexadecimal color #6ba4b7 has RGB values of R:107, G:164, B:183 and CMYK values of C:0.42, M:0.1, Y:0, K:0.28. Its decimal value is 7054519.

Hex triplet	6ba4b7	`#6ba4b7`
RGB Decimal	107, 164, 183	`rgb(107,164,183)`
RGB Percent	42, 64.3, 71.8	`rgb(42%,64.3%,71.8%)`
CMYK	42, 10, 0, 28
HSL	195°, 34.5, 56.9	`hsl(195,34.5%,56.9%)`
HSV (or HSB)	195°, 41.5, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.237, -13.617, -15.667
XYZ	27.884, 33.094, 49.716
xyY	0.252, 0.299, 33.094
CIE-LCH	64.237, 20.758, 229.005
CIE-LUV	64.237, -26.906, -21.763
Hunter-Lab	57.528, -14.153, -10.969
Binary	01101011, 10100100, 10110111

#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#b77e6b
```
#b77e6b rgb(183,126,107)
```

Complementary Color

#6bb7a4
```
#6bb7a4 rgb(107,183,164)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#6b7eb7
```
#6b7eb7 rgb(107,126,183)
```

Analogous Color

#b7a46b
```
#b7a46b rgb(183,164,107)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#b76b7e
```
#b76b7e rgb(183,107,126)
```

Split Complementary Color

#a4b76b
```
#a4b76b rgb(164,183,107)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#b76ba4
```
#b76ba4 rgb(183,107,164)
```

Triadic Color

#6bb77e
```
#6bb77e rgb(107,183,126)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#b76ba4
```
#b76ba4 rgb(183,107,164)
```
#b77e6b
```
#b77e6b rgb(183,126,107)
```

Tetradic Color

#467d90
```
#467d90 rgb(70,125,144)
```
#4e8ca1
```
#4e8ca1 rgb(78,140,161)
```
#5a99af
```
#5a99af rgb(90,153,175)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#7cafbf
```
#7cafbf rgb(124,175,191)
```
#8db9c8
```
#8db9c8 rgb(141,185,200)
```
#9ec4d0
```
#9ec4d0 rgb(158,196,208)
```

Monochromatic Color

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

#6bb7b7
```
#6bb7b7 rgb(107,183,183)
```
#6bb1b7
```
#6bb1b7 rgb(107,177,183)
```
#6baab7
```
#6baab7 rgb(107,170,183)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#6b9eb7
```
#6b9eb7 rgb(107,158,183)
```
#6b97b7
```
#6b97b7 rgb(107,151,183)
```
#6b91b7
```
#6b91b7 rgb(107,145,183)
```

Similar Colors

Text with hexadecimal color #6ba4b7

This text has a font color of #6ba4b7.

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

#6ba4b7 background color

This paragraph has a background color of #6ba4b7.

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

#6ba4b7 border color

This element has a border color of #6ba4b7.

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

CSS codes

.text {color:#6ba4b7;}

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

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

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, #05090a is the darkest color, while #fcfdfe is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0b1518
```
#0b1518 rgb(11,21,24)
```
#122025
```
#122025 rgb(18,32,37)
```
#182c32
```
#182c32 rgb(24,44,50)
```
#1f373f
```
#1f373f rgb(31,55,63)
```
#25434c
```
#25434c rgb(37,67,76)
```
#2c4e5a
```
#2c4e5a rgb(44,78,90)
```
#325a67
```
#325a67 rgb(50,90,103)
```
#386574
```
#386574 rgb(56,101,116)
```
#3f7181
```
#3f7181 rgb(63,113,129)
```
#457c8e
```
#457c8e rgb(69,124,142)
```
#4c889c
```
#4c889c rgb(76,136,156)
```
#5293a9
```
#5293a9 rgb(82,147,169)
```

Shade Color Variation

#5e9cb1
```
#5e9cb1 rgb(94,156,177)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#78acbd
```
#78acbd rgb(120,172,189)
```
#85b4c4
```
#85b4c4 rgb(133,180,196)
```
#93bcca
```
#93bcca rgb(147,188,202)
```
#a0c4d1
```
#a0c4d1 rgb(160,196,209)
```
#adcdd7
```
#adcdd7 rgb(173,205,215)
```
#bad5de
```
#bad5de rgb(186,213,222)
```
#c7dde4
```
#c7dde4 rgb(199,221,228)
```
#d5e5ea
```
#d5e5ea rgb(213,229,234)
```
#e2edf1
```
#e2edf1 rgb(226,237,241)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9395 is the less saturated color, while #27c6fb is the most saturated one.

#8d9395
```
#8d9395 rgb(141,147,149)
```
#84979e
```
#84979e rgb(132,151,158)
```
#7c9ca6
```
#7c9ca6 rgb(124,156,166)
```
#73a0af
```
#73a0af rgb(115,160,175)
```
#6ba4b7
```
#6ba4b7 rgb(107,164,183)
```
#63a8bf
```
#63a8bf rgb(99,168,191)
```
#5aacc8
```
#5aacc8 rgb(90,172,200)
```
#52b1d0
```
#52b1d0 rgb(82,177,208)
```
#49b5d9
```
#49b5d9 rgb(73,181,217)
```
#41b9e1
```
#41b9e1 rgb(65,185,225)
```
#38bdea
```
#38bdea rgb(56,189,234)
```
#30c2f2
```
#30c2f2 rgb(48,194,242)
```
#27c6fb
```
#27c6fb rgb(39,198,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8d989c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9fb5 Protanopia 1% of men
#a09dbe Deuteranopia 1% of men
#71a9b5 Tritanopia 0.001% of the population

Trichromacy

#8aa1b5 Protanomaly 1% of men, 0.01% of women
#8c9fbb Deuteranomaly 6% of men, 0.4% of women
#6ea7b6 Tritanomaly 0.01% of the population

#6ba4b7 hex color

#6ba4b7 Color Information

#6ba4b7 Color Conversion

Color Schemes with #6ba4b7

Alternatives to #6ba4b7

#6ba4b7 Preview

Shades and Tints of #6ba4b7

Tones of #6ba4b7

Color Blindness Simulator