#6baab5 hex color

In a RGB color space, hex #6baab5 is composed of 42% red, 66.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 6.1% magenta, 0% yellow and 29% black. It has a hue angle of 188.9 degrees, a saturation of 33.3% and a lightness of 56.5%. #6baab5 color hex could be obtained by blending #d6ffff with #00556b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 67
- B 71
RGB color chart
- C 41
- M 6
- Y 0
- K 29
CMYK color chart

● #6baab5 color description : Slightly desaturated cyan.

The hexadecimal color #6baab5 has RGB values of R:107, G:170, B:181 and CMYK values of C:0.41, M:0.06, Y:0, K:0.29. Its decimal value is 7056053.

Hex triplet	6baab5	`#6baab5`
RGB Decimal	107, 170, 181	`rgb(107,170,181)`
RGB Percent	42, 66.7, 71	`rgb(42%,66.7%,71%)`
CMYK	41, 6, 0, 29
HSL	188.9°, 33.3, 56.5	`hsl(188.9,33.3%,56.5%)`
HSV (or HSB)	188.9°, 40.9, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.912, -17.328, -12.031
XYZ	28.776, 35.21, 48.993
xyY	0.255, 0.312, 35.21
CIE-LCH	65.912, 21.095, 214.772
CIE-LUV	65.912, -29.403, -15.551
Hunter-Lab	59.338, -17.276, -7.417
Binary	01101011, 10101010, 10110101

#6baab5
```
#6baab5 rgb(107,170,181)
```
#b5766b
```
#b5766b rgb(181,118,107)
```

Complementary Color

#6bb59b
```
#6bb59b rgb(107,181,155)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#6b85b5
```
#6b85b5 rgb(107,133,181)
```

Analogous Color

#b59b6b
```
#b59b6b rgb(181,155,107)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#b56b85
```
#b56b85 rgb(181,107,133)
```

Split Complementary Color

#aab56b
```
#aab56b rgb(170,181,107)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#b56baa
```
#b56baa rgb(181,107,170)
```

Triadic Color

#6bb576
```
#6bb576 rgb(107,181,118)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#b56baa
```
#b56baa rgb(181,107,170)
```
#b5766b
```
#b5766b rgb(181,118,107)
```

Tetradic Color

#47838d
```
#47838d rgb(71,131,141)
```
#4f929e
```
#4f929e rgb(79,146,158)
```
#5aa0ad
```
#5aa0ad rgb(90,160,173)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#7cb4be
```
#7cb4be rgb(124,180,190)
```
#8dbec6
```
#8dbec6 rgb(141,190,198)
```
#9ec7cf
```
#9ec7cf rgb(158,199,207)
```

Monochromatic Color

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

#6bb5ae
```
#6bb5ae rgb(107,181,174)
```
#6bb5b4
```
#6bb5b4 rgb(107,181,180)
```
#6bb0b5
```
#6bb0b5 rgb(107,176,181)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#6ba4b5
```
#6ba4b5 rgb(107,164,181)
```
#6b9eb5
```
#6b9eb5 rgb(107,158,181)
```
#6b98b5
```
#6b98b5 rgb(107,152,181)
```

Similar Colors

Text with hexadecimal color #6baab5

This text has a font color of #6baab5.

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

#6baab5 background color

This paragraph has a background color of #6baab5.

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

#6baab5 border color

This element has a border color of #6baab5.

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

CSS codes

.text {color:#6baab5;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#122023
```
#122023 rgb(18,32,35)
```
#182d30
```
#182d30 rgb(24,45,48)
```
#1f393d
```
#1f393d rgb(31,57,61)
```
#25454a
```
#25454a rgb(37,69,74)
```
#2c5157
```
#2c5157 rgb(44,81,87)
```
#325d64
```
#325d64 rgb(50,93,100)
```
#396972
```
#396972 rgb(57,105,114)
```
#3f757f
```
#3f757f rgb(63,117,127)
```
#46818c
```
#46818c rgb(70,129,140)
```
#4c8d99
```
#4c8d99 rgb(76,141,153)
```
#539aa6
```
#539aa6 rgb(83,154,166)
```

Shade Color Variation

#5ea2ae
```
#5ea2ae rgb(94,162,174)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#78b2bc
```
#78b2bc rgb(120,178,188)
```
#85b9c2
```
#85b9c2 rgb(133,185,194)
```
#92c1c9
```
#92c1c9 rgb(146,193,201)
```
#9fc8cf
```
#9fc8cf rgb(159,200,207)
```
#acd0d6
```
#acd0d6 rgb(172,208,214)
```
#b9d7dc
```
#b9d7dc rgb(185,215,220)
```
#c7dfe3
```
#c7dfe3 rgb(199,223,227)
```
#d4e6e9
```
#d4e6e9 rgb(212,230,233)
```
#e1eef0
```
#e1eef0 rgb(225,238,240)
```
#eef5f6
```
#eef5f6 rgb(238,245,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#8d9293
```
#8d9293 rgb(141,146,147)
```
#85989b
```
#85989b rgb(133,152,155)
```
#7c9ea4
```
#7c9ea4 rgb(124,158,164)
```
#74a4ac
```
#74a4ac rgb(116,164,172)
```
#6baab5
```
#6baab5 rgb(107,170,181)
```
#62b0be
```
#62b0be rgb(98,176,190)
```
#5ab6c6
```
#5ab6c6 rgb(90,182,198)
```
#51bccf
```
#51bccf rgb(81,188,207)
```
#49c2d7
```
#49c2d7 rgb(73,194,215)
```
#40c8e0
```
#40c8e0 rgb(64,200,224)
```
#38cee8
```
#38cee8 rgb(56,206,232)
```
#2fd4f1
```
#2fd4f1 rgb(47,212,241)
```
#27daf9
```
#27daf9 rgb(39,218,249)
```

Tone Color Variation

Below, you can see how #6baab5 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
#8f9c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a4b2 Protanopia 1% of men
#a8a1bd Deuteranopia 1% of men
#73aeba Tritanopia 0.001% of the population

Trichromacy

#8fa6b3 Protanomaly 1% of men, 0.01% of women
#91a4ba Deuteranomaly 6% of men, 0.4% of women
#70acb8 Tritanomaly 0.01% of the population

#6baab5 hex color

#6baab5 Color Information

#6baab5 Color Conversion

Color Schemes with #6baab5

Alternatives to #6baab5

#6baab5 Preview

Shades and Tints of #6baab5

Tones of #6baab5

Color Blindness Simulator