#6bdacc hex color

In a RGB color space, hex #6bdacc is composed of 42% red, 85.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 0% magenta, 6.4% yellow and 14.5% black. It has a hue angle of 172.4 degrees, a saturation of 60% and a lightness of 63.7%. #6bdacc color hex could be obtained by blending #d6ffff with #00b599. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 85
- B 80
RGB color chart
- C 51
- M 0
- Y 6
- K 15
CMYK color chart

● #6bdacc color description : Soft cyan.

The hexadecimal color #6bdacc has RGB values of R:107, G:218, B:204 and CMYK values of C:0.51, M:0, Y:0.06, K:0.15. Its decimal value is 7068364.

Hex triplet	6bdacc	`#6bdacc`
RGB Decimal	107, 218, 204	`rgb(107,218,204)`
RGB Percent	42, 85.5, 80	`rgb(42%,85.5%,80%)`
CMYK	51, 0, 6, 15
HSL	172.4°, 60, 63.7	`hsl(172.4,60%,63.7%)`
HSV (or HSB)	172.4°, 50.9, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.53, -35.147, -2.857
XYZ	42.031, 57.625, 66.031
xyY	0.254, 0.348, 57.625
CIE-LCH	80.53, 35.263, 184.647
CIE-LUV	80.53, -47.764, 1.278
Hunter-Lab	75.911, -34.013, 1.565
Binary	01101011, 11011010, 11001100

#6bdacc
```
#6bdacc rgb(107,218,204)
```
#da6b79
```
#da6b79 rgb(218,107,121)
```

Complementary Color

#6bda95
```
#6bda95 rgb(107,218,149)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#6bb1da
```
#6bb1da rgb(107,177,218)
```

Analogous Color

#da956b
```
#da956b rgb(218,149,107)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#da6bb1
```
#da6bb1 rgb(218,107,177)
```

Split Complementary Color

#dacc6b
```
#dacc6b rgb(218,204,107)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#cc6bda
```
#cc6bda rgb(204,107,218)
```

Triadic Color

#79da6b
```
#79da6b rgb(121,218,107)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#cc6bda
```
#cc6bda rgb(204,107,218)
```
#da6b79
```
#da6b79 rgb(218,107,121)
```

Tetradic Color

#32c7b4
```
#32c7b4 rgb(50,199,180)
```
#42d0be
```
#42d0be rgb(66,208,190)
```
#57d5c5
```
#57d5c5 rgb(87,213,197)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#7fdfd3
```
#7fdfd3 rgb(127,223,211)
```
#94e4da
```
#94e4da rgb(148,228,218)
```
#a8e9e1
```
#a8e9e1 rgb(168,233,225)
```

Monochromatic Color

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

#6bdab0
```
#6bdab0 rgb(107,218,176)
```
#6bdaba
```
#6bdaba rgb(107,218,186)
```
#6bdac3
```
#6bdac3 rgb(107,218,195)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#6bdad5
```
#6bdad5 rgb(107,218,213)
```
#6bd6da
```
#6bd6da rgb(107,214,218)
```
#6bccda
```
#6bccda rgb(107,204,218)
```

Similar Colors

Text with hexadecimal color #6bdacc

This text has a font color of #6bdacc.

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

#6bdacc background color

This paragraph has a background color of #6bdacc.

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

#6bdacc border color

This element has a border color of #6bdacc.

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

CSS codes

.text {color:#6bdacc;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#061916
```
#061916 rgb(6,25,22)
```
#0a2824
```
#0a2824 rgb(10,40,36)
```
#0e3833
```
#0e3833 rgb(14,56,51)
```
#124841
```
#124841 rgb(18,72,65)
```
#16574f
```
#16574f rgb(22,87,79)
```
#1a675d
```
#1a675d rgb(26,103,93)
```
#1e776c
```
#1e776c rgb(30,119,108)
```
#22867a
```
#22867a rgb(34,134,122)
```
#269688
```
#269688 rgb(38,150,136)
```
#29a696
```
#29a696 rgb(41,166,150)
```
#2db6a4
```
#2db6a4 rgb(45,182,164)
```
#31c5b3
```
#31c5b3 rgb(49,197,179)
```

Shade Color Variation

#3ccebc
```
#3ccebc rgb(60,206,188)
```
#4cd2c1
```
#4cd2c1 rgb(76,210,193)
```
#5bd6c7
```
#5bd6c7 rgb(91,214,199)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#7bded1
```
#7bded1 rgb(123,222,209)
```
#8ae2d7
```
#8ae2d7 rgb(138,226,215)
```
#9ae6dc
```
#9ae6dc rgb(154,230,220)
```
#aaeae2
```
#aaeae2 rgb(170,234,226)
```
#b9eee7
```
#b9eee7 rgb(185,238,231)
```
#c9f2ec
```
#c9f2ec rgb(201,242,236)
```
#d9f5f2
```
#d9f5f2 rgb(217,245,242)
```
#e9f9f7
```
#e9f9f7 rgb(233,249,247)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da8a7 is the less saturated color, while #47fee7 is the most saturated one.

#9da8a7
```
#9da8a7 rgb(157,168,167)
```
#96afac
```
#96afac rgb(150,175,172)
```
#8fb6b1
```
#8fb6b1 rgb(143,182,177)
```
#87beb7
```
#87beb7 rgb(135,190,183)
```
#80c5bc
```
#80c5bc rgb(128,197,188)
```
#79ccc1
```
#79ccc1 rgb(121,204,193)
```
#72d3c7
```
#72d3c7 rgb(114,211,199)
```
#6bdacc
```
#6bdacc rgb(107,218,204)
```
#64e1d1
```
#64e1d1 rgb(100,225,209)
```
#5de8d7
```
#5de8d7 rgb(93,232,215)
```
#56efdc
```
#56efdc rgb(86,239,220)
```
#4ff6e1
```
#4ff6e1 rgb(79,246,225)
```
#47fee7
```
#47fee7 rgb(71,254,231)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a8bebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc9c5 Protanopia 1% of men
#d7c5d6 Deuteranopia 1% of men
#7dd8e7 Tritanopia 0.001% of the population

Trichromacy

#aacfc7 Protanomaly 1% of men, 0.01% of women
#b0ccd2 Deuteranomaly 6% of men, 0.4% of women
#76d8dd Tritanomaly 0.01% of the population

#6bdacc hex color

#6bdacc Color Information

#6bdacc Color Conversion

Color Schemes with #6bdacc

Alternatives to #6bdacc

#6bdacc Preview

Shades and Tints of #6bdacc

Tones of #6bdacc

Color Blindness Simulator