#6ba0b2 hex color

In a RGB color space, hex #6ba0b2 is composed of 42% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 195.2 degrees, a saturation of 31.6% and a lightness of 55.9%. #6ba0b2 color hex could be obtained by blending #d6ffff with #004165. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 63
- B 70
RGB color chart
- C 40
- M 10
- Y 0
- K 30
CMYK color chart

● #6ba0b2 color description : Mostly desaturated dark blue.

The hexadecimal color #6ba0b2 has RGB values of R:107, G:160, B:178 and CMYK values of C:0.4, M:0.1, Y:0, K:0.3. Its decimal value is 7053490.

Hex triplet	6ba0b2	`#6ba0b2`
RGB Decimal	107, 160, 178	`rgb(107,160,178)`
RGB Percent	42, 62.7, 69.8	`rgb(42%,62.7%,69.8%)`
CMYK	40, 10, 0, 30
HSL	195.2°, 31.6, 55.9	`hsl(195.2,31.6%,55.9%)`
HSV (or HSB)	195.2°, 39.9, 69.8
Web Safe	669999	`#669999`

CIE-LAB	62.911, -12.803, -14.869
XYZ	26.668, 31.48, 46.788
xyY	0.254, 0.3, 31.48
CIE-LCH	62.911, 19.621, 229.271
CIE-LUV	62.911, -25.325, -20.541
Hunter-Lab	56.107, -13.346, -10.167
Binary	01101011, 10100000, 10110010

#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#b27d6b
```
#b27d6b rgb(178,125,107)
```

Complementary Color

#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#6b7db2
```
#6b7db2 rgb(107,125,178)
```

Analogous Color

#b2a16b
```
#b2a16b rgb(178,161,107)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#b26b7d
```
#b26b7d rgb(178,107,125)
```

Split Complementary Color

#a0b26b
```
#a0b26b rgb(160,178,107)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#b26ba0
```
#b26ba0 rgb(178,107,160)
```

Triadic Color

#6bb27d
```
#6bb27d rgb(107,178,125)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#b26ba0
```
#b26ba0 rgb(178,107,160)
```
#b27d6b
```
#b27d6b rgb(178,125,107)
```

Tetradic Color

#477889
```
#477889 rgb(71,120,137)
```
#50879a
```
#50879a rgb(80,135,154)
```
#5a95a9
```
#5a95a9 rgb(90,149,169)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#7cabbb
```
#7cabbb rgb(124,171,187)
```
#8db6c3
```
#8db6c3 rgb(141,182,195)
```
#9dc0cc
```
#9dc0cc rgb(157,192,204)
```

Monochromatic Color

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

#6bb2b2
```
#6bb2b2 rgb(107,178,178)
```
#6bacb2
```
#6bacb2 rgb(107,172,178)
```
#6ba6b2
```
#6ba6b2 rgb(107,166,178)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#6b9ab2
```
#6b9ab2 rgb(107,154,178)
```
#6b94b2
```
#6b94b2 rgb(107,148,178)
```
#6b8eb2
```
#6b8eb2 rgb(107,142,178)
```

Similar Colors

Text with hexadecimal color #6ba0b2

This text has a font color of #6ba0b2.

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

#6ba0b2 background color

This paragraph has a background color of #6ba0b2.

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

#6ba0b2 border color

This element has a border color of #6ba0b2.

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

CSS codes

.text {color:#6ba0b2;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0a1114
```
#0a1114 rgb(10,17,20)
```
#111d21
```
#111d21 rgb(17,29,33)
```
#18282e
```
#18282e rgb(24,40,46)
```
#1e333a
```
#1e333a rgb(30,51,58)
```
#253f47
```
#253f47 rgb(37,63,71)
```
#2c4a54
```
#2c4a54 rgb(44,74,84)
```
#335561
```
#335561 rgb(51,85,97)
```
#39616e
```
#39616e rgb(57,97,110)
```
#406c7b
```
#406c7b rgb(64,108,123)
```
#477788
```
#477788 rgb(71,119,136)
```
#4d8395
```
#4d8395 rgb(77,131,149)
```
#548ea2
```
#548ea2 rgb(84,142,162)
```

Shade Color Variation

#5e98ab
```
#5e98ab rgb(94,152,171)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#78a8b9
```
#78a8b9 rgb(120,168,185)
```
#85b1bf
```
#85b1bf rgb(133,177,191)
```
#92b9c6
```
#92b9c6 rgb(146,185,198)
```
#9fc1cd
```
#9fc1cd rgb(159,193,205)
```
#acc9d4
```
#acc9d4 rgb(172,201,212)
```
#b8d2da
```
#b8d2da rgb(184,210,218)
```
#c5dae1
```
#c5dae1 rgb(197,218,225)
```
#d2e2e8
```
#d2e2e8 rgb(210,226,232)
```
#dfebee
```
#dfebee rgb(223,235,238)
```
#ecf3f5
```
#ecf3f5 rgb(236,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#8e8f8f
```
#8e8f8f rgb(142,143,143)
```
#859398
```
#859398 rgb(133,147,152)
```
#7c97a1
```
#7c97a1 rgb(124,151,161)
```
#749ca9
```
#749ca9 rgb(116,156,169)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```
#62a4bb
```
#62a4bb rgb(98,164,187)
```
#5aa9c3
```
#5aa9c3 rgb(90,169,195)
```
#51adcc
```
#51adcc rgb(81,173,204)
```
#48b1d5
```
#48b1d5 rgb(72,177,213)
```
#40b5dd
```
#40b5dd rgb(64,181,221)
```
#37bae6
```
#37bae6 rgb(55,186,230)
```
#2ebeef
```
#2ebeef rgb(46,190,239)
```
#26c2f7
```
#26c2f7 rgb(38,194,247)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8a9598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9cb0 Protanopia 1% of men
#9d9ab9 Deuteranopia 1% of men
#71a5b1 Tritanopia 0.001% of the population

Trichromacy

#889db1 Protanomaly 1% of men, 0.01% of women
#8b9cb6 Deuteranomaly 6% of men, 0.4% of women
#6fa3b1 Tritanomaly 0.01% of the population

#6ba0b2 hex color

#6ba0b2 Color Information

#6ba0b2 Color Conversion

Color Schemes with #6ba0b2

Alternatives to #6ba0b2

#6ba0b2 Preview

Shades and Tints of #6ba0b2

Tones of #6ba0b2

Color Blindness Simulator