#6baab2 hex color

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

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

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

The hexadecimal color #6baab2 has RGB values of R:107, G:170, B:178 and CMYK values of C:0.4, M:0.04, Y:0, K:0.3. Its decimal value is 7056050.

Hex triplet	6baab2	`#6baab2`
RGB Decimal	107, 170, 178	`rgb(107,170,178)`
RGB Percent	42, 66.7, 69.8	`rgb(42%,66.7%,69.8%)`
CMYK	40, 4, 0, 30
HSL	186.8°, 31.6, 55.9	`hsl(186.8,31.6%,55.9%)`
HSV (or HSB)	186.8°, 39.9, 69.8
Web Safe	669999	`#669999`

CIE-LAB	65.817, -18.109, -10.503
XYZ	28.472, 35.088, 47.389
xyY	0.257, 0.316, 35.088
CIE-LCH	65.817, 20.934, 210.112
CIE-LUV	65.817, -29.462, -13.037
Hunter-Lab	59.235, -17.864, -5.969
Binary	01101011, 10101010, 10110010

#6baab2
```
#6baab2 rgb(107,170,178)
```
#b2736b
```
#b2736b rgb(178,115,107)
```

Complementary Color

#6bb297
```
#6bb297 rgb(107,178,151)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#6b87b2
```
#6b87b2 rgb(107,135,178)
```

Analogous Color

#b2976b
```
#b2976b rgb(178,151,107)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#b26b87
```
#b26b87 rgb(178,107,135)
```

Split Complementary Color

#aab26b
```
#aab26b rgb(170,178,107)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#b26baa
```
#b26baa rgb(178,107,170)
```

Triadic Color

#6bb273
```
#6bb273 rgb(107,178,115)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#b26baa
```
#b26baa rgb(178,107,170)
```
#b2736b
```
#b2736b rgb(178,115,107)
```

Tetradic Color

#478289
```
#478289 rgb(71,130,137)
```
#50929a
```
#50929a rgb(80,146,154)
```
#5aa0a9
```
#5aa0a9 rgb(90,160,169)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#7cb4bb
```
#7cb4bb rgb(124,180,187)
```
#8dbdc3
```
#8dbdc3 rgb(141,189,195)
```
#9dc7cc
```
#9dc7cc rgb(157,199,204)
```

Monochromatic Color

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

#6bb2a8
```
#6bb2a8 rgb(107,178,168)
```
#6bb2ae
```
#6bb2ae rgb(107,178,174)
```
#6bb0b2
```
#6bb0b2 rgb(107,176,178)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#6ba4b2
```
#6ba4b2 rgb(107,164,178)
```
#6b9eb2
```
#6b9eb2 rgb(107,158,178)
```
#6b98b2
```
#6b98b2 rgb(107,152,178)
```

Similar Colors

Text with hexadecimal color #6baab2

This text has a font color of #6baab2.

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

#6baab2 background color

This paragraph has a background color of #6baab2.

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

#6baab2 border color

This element has a border color of #6baab2.

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

CSS codes

.text {color:#6baab2;}

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

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

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 #f9fcfc is the lightest one.

#040607
```
#040607 rgb(4,6,7)
```
#0a1314
```
#0a1314 rgb(10,19,20)
```
#111f21
```
#111f21 rgb(17,31,33)
```
#182b2e
```
#182b2e rgb(24,43,46)
```
#1e373a
```
#1e373a rgb(30,55,58)
```
#254347
```
#254347 rgb(37,67,71)
```
#2c5054
```
#2c5054 rgb(44,80,84)
```
#335c61
```
#335c61 rgb(51,92,97)
```
#39686e
```
#39686e rgb(57,104,110)
```
#40747b
```
#40747b rgb(64,116,123)
```
#478188
```
#478188 rgb(71,129,136)
```
#4d8d95
```
#4d8d95 rgb(77,141,149)
```
#5499a2
```
#5499a2 rgb(84,153,162)
```

Shade Color Variation

#5ea3ab
```
#5ea3ab rgb(94,163,171)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#78b1b9
```
#78b1b9 rgb(120,177,185)
```
#85b9bf
```
#85b9bf rgb(133,185,191)
```
#92c0c6
```
#92c0c6 rgb(146,192,198)
```
#9fc8cd
```
#9fc8cd rgb(159,200,205)
```
#accfd4
```
#accfd4 rgb(172,207,212)
```
#b8d6da
```
#b8d6da rgb(184,214,218)
```
#c5dee1
```
#c5dee1 rgb(197,222,225)
```
#d2e5e8
```
#d2e5e8 rgb(210,229,232)
```
#dfedee
```
#dfedee rgb(223,237,238)
```
#ecf4f5
```
#ecf4f5 rgb(236,244,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,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 #26e0f7 is the most saturated one.

#8e8f8f
```
#8e8f8f rgb(142,143,143)
```
#859698
```
#859698 rgb(133,150,152)
```
#7c9da1
```
#7c9da1 rgb(124,157,161)
```
#74a3a9
```
#74a3a9 rgb(116,163,169)
```
#6baab2
```
#6baab2 rgb(107,170,178)
```
#62b1bb
```
#62b1bb rgb(98,177,187)
```
#5ab7c3
```
#5ab7c3 rgb(90,183,195)
```
#51becc
```
#51becc rgb(81,190,204)
```
#48c5d5
```
#48c5d5 rgb(72,197,213)
```
#40ccdd
```
#40ccdd rgb(64,204,221)
```
#37d2e6
```
#37d2e6 rgb(55,210,230)
```
#2ed9ef
```
#2ed9ef rgb(46,217,239)
```
#26e0f7
```
#26e0f7 rgb(38,224,247)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8f9c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a3af Protanopia 1% of men
#a9a1ba Deuteranopia 1% of men
#74adba Tritanopia 0.001% of the population

Trichromacy

#8fa6b0 Protanomaly 1% of men, 0.01% of women
#92a4b7 Deuteranomaly 6% of men, 0.4% of women
#70acb7 Tritanomaly 0.01% of the population

#6baab2 hex color

#6baab2 Color Information

#6baab2 Color Conversion

Color Schemes with #6baab2

Alternatives to #6baab2

#6baab2 Preview

Shades and Tints of #6baab2

Tones of #6baab2

Color Blindness Simulator