#6bbab4 hex color

In a RGB color space, hex #6bbab4 is composed of 42% red, 72.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 0% magenta, 3.2% yellow and 27.1% black. It has a hue angle of 175.4 degrees, a saturation of 36.4% and a lightness of 57.5%. #6bbab4 color hex could be obtained by blending #d6ffff with #007569. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 73
- B 71
RGB color chart
- C 42
- M 0
- Y 3
- K 27
CMYK color chart

● #6bbab4 color description : Slightly desaturated cyan.

The hexadecimal color #6bbab4 has RGB values of R:107, G:186, B:180 and CMYK values of C:0.42, M:0, Y:0.03, K:0.27. Its decimal value is 7060148.

Hex triplet	6bbab4	`#6bbab4`
RGB Decimal	107, 186, 180	`rgb(107,186,180)`
RGB Percent	42, 72.9, 70.6	`rgb(42%,72.9%,70.6%)`
CMYK	42, 0, 3, 27
HSL	175.4°, 36.4, 57.5	`hsl(175.4,36.4%,57.5%)`
HSV (or HSB)	175.4°, 42.5, 72.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.551, -25.742, -4.576
XYZ	31.858, 41.537, 49.516
xyY	0.259, 0.338, 41.537
CIE-LCH	70.551, 26.145, 190.08
CIE-LUV	70.551, -35.985, -2.805
Hunter-Lab	64.449, -24.551, -0.438
Binary	01101011, 10111010, 10110100

#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#ba6b71
```
#ba6b71 rgb(186,107,113)
```

Complementary Color

#6bba8d
```
#6bba8d rgb(107,186,141)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#6b99ba
```
#6b99ba rgb(107,153,186)
```

Analogous Color

#ba8d6b
```
#ba8d6b rgb(186,141,107)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#ba6b99
```
#ba6b99 rgb(186,107,153)
```

Split Complementary Color

#bab46b
```
#bab46b rgb(186,180,107)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#b46bba
```
#b46bba rgb(180,107,186)
```

Triadic Color

#71ba6b
```
#71ba6b rgb(113,186,107)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#b46bba
```
#b46bba rgb(180,107,186)
```
#ba6b71
```
#ba6b71 rgb(186,107,113)
```

Tetradic Color

#45948e
```
#45948e rgb(69,148,142)
```
#4da59e
```
#4da59e rgb(77,165,158)
```
#5ab2ab
```
#5ab2ab rgb(90,178,171)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#7cc2bd
```
#7cc2bd rgb(124,194,189)
```
#8ecac6
```
#8ecac6 rgb(142,202,198)
```
#9fd2ce
```
#9fd2ce rgb(159,210,206)
```

Monochromatic Color

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

#6bbaa0
```
#6bbaa0 rgb(107,186,160)
```
#6bbaa7
```
#6bbaa7 rgb(107,186,167)
```
#6bbaad
```
#6bbaad rgb(107,186,173)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#6bb9ba
```
#6bb9ba rgb(107,185,186)
```
#6bb3ba
```
#6bb3ba rgb(107,179,186)
```
#6bacba
```
#6bacba rgb(107,172,186)
```

Similar Colors

Text with hexadecimal color #6bbab4

This text has a font color of #6bbab4.

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

#6bbab4 background color

This paragraph has a background color of #6bbab4.

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

#6bbab4 border color

This element has a border color of #6bbab4.

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

CSS codes

.text {color:#6bbab4;}

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

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

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, #060d0c is the darkest color, while #feffff is the lightest one.

#060d0c
```
#060d0c rgb(6,13,12)
```
#0c1a19
```
#0c1a19 rgb(12,26,25)
```
#122726
```
#122726 rgb(18,39,38)
```
#193533
```
#193533 rgb(25,53,51)
```
#1f423f
```
#1f423f rgb(31,66,63)
```
#254f4c
```
#254f4c rgb(37,79,76)
```
#2b5d59
```
#2b5d59 rgb(43,93,89)
```
#326a66
```
#326a66 rgb(50,106,102)
```
#387873
```
#387873 rgb(56,120,115)
```
#3e8580
```
#3e8580 rgb(62,133,128)
```
#44928c
```
#44928c rgb(68,146,140)
```
#4aa099
```
#4aa099 rgb(74,160,153)
```
#51ada6
```
#51ada6 rgb(81,173,166)
```

Shade Color Variation

#5eb4ad
```
#5eb4ad rgb(94,180,173)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#78c0bb
```
#78c0bb rgb(120,192,187)
```
#86c6c2
```
#86c6c2 rgb(134,198,194)
```
#93cdc8
```
#93cdc8 rgb(147,205,200)
```
#a1d3cf
```
#a1d3cf rgb(161,211,207)
```
#aed9d6
```
#aed9d6 rgb(174,217,214)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#c9e6e3
```
#c9e6e3 rgb(201,230,227)
```
#d6ecea
```
#d6ecea rgb(214,236,234)
```
#e3f2f1
```
#e3f2f1 rgb(227,242,241)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8c9998
```
#8c9998 rgb(140,153,152)
```
#84a19f
```
#84a19f rgb(132,161,159)
```
#7ca9a6
```
#7ca9a6 rgb(124,169,166)
```
#73b2ad
```
#73b2ad rgb(115,178,173)
```
#6bbab4
```
#6bbab4 rgb(107,186,180)
```
#63c2bb
```
#63c2bb rgb(99,194,187)
```
#5acbc2
```
#5acbc2 rgb(90,203,194)
```
#52d3c9
```
#52d3c9 rgb(82,211,201)
```
#4adbd0
```
#4adbd0 rgb(74,219,208)
```
#41e4d7
```
#41e4d7 rgb(65,228,215)
```
#39ecde
```
#39ecde rgb(57,236,222)
```
#31f4e6
```
#31f4e6 rgb(49,244,230)
```
#28fded
```
#28fded rgb(40,253,237)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#97a7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3afb0 Protanopia 1% of men
#baacbd Deuteranopia 1% of men
#78bac8 Tritanopia 0.001% of the population

Trichromacy

#99b3b1 Protanomaly 1% of men, 0.01% of women
#9db1ba Deuteranomaly 6% of men, 0.4% of women
#73bac1 Tritanomaly 0.01% of the population

#6bbab4 hex color

#6bbab4 Color Information

#6bbab4 Color Conversion

Color Schemes with #6bbab4

Alternatives to #6bbab4

#6bbab4 Preview

Shades and Tints of #6bbab4

Tones of #6bbab4

Color Blindness Simulator