#6bbdda hex color

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

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

● #6bbdda color description : Soft blue.

The hexadecimal color #6bbdda has RGB values of R:107, G:189, B:218 and CMYK values of C:0.51, M:0.13, Y:0, K:0.15. Its decimal value is 7060954.

Hex triplet	6bbdda	`#6bbdda`
RGB Decimal	107, 189, 218	`rgb(107,189,218)`
RGB Percent	42, 74.1, 85.5	`rgb(42%,74.1%,85.5%)`
CMYK	51, 13, 0, 15
HSL	195.7°, 60, 63.7	`hsl(195.7,60%,63.7%)`
HSV (or HSB)	195.7°, 50.9, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.615, -17.166, -22.25
XYZ	36.913, 44.581, 72.986
xyY	0.239, 0.289, 44.581
CIE-LCH	72.615, 28.102, 232.35
CIE-LUV	72.615, -36.008, -32.456
Hunter-Lab	66.769, -18.163, -18.072
Binary	01101011, 10111101, 11011010

#6bbdda
```
#6bbdda rgb(107,189,218)
```
#da886b
```
#da886b rgb(218,136,107)
```

Complementary Color

#6bdac0
```
#6bdac0 rgb(107,218,192)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#6b86da
```
#6b86da rgb(107,134,218)
```

Analogous Color

#dac06b
```
#dac06b rgb(218,192,107)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#da6b86
```
#da6b86 rgb(218,107,134)
```

Split Complementary Color

#bdda6b
```
#bdda6b rgb(189,218,107)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#da6bbd
```
#da6bbd rgb(218,107,189)
```

Triadic Color

#6bda88
```
#6bda88 rgb(107,218,136)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#da6bbd
```
#da6bbd rgb(218,107,189)
```
#da886b
```
#da886b rgb(218,136,107)
```

Tetradic Color

#32a0c7
```
#32a0c7 rgb(50,160,199)
```
#42abd0
```
#42abd0 rgb(66,171,208)
```
#57b4d5
```
#57b4d5 rgb(87,180,213)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#7fc6df
```
#7fc6df rgb(127,198,223)
```
#94cfe4
```
#94cfe4 rgb(148,207,228)
```
#a8d8e9
```
#a8d8e9 rgb(168,216,233)
```

Monochromatic Color

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

#6bd9da
```
#6bd9da rgb(107,217,218)
```
#6bd0da
```
#6bd0da rgb(107,208,218)
```
#6bc6da
```
#6bc6da rgb(107,198,218)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#6bb4da
```
#6bb4da rgb(107,180,218)
```
#6babda
```
#6babda rgb(107,171,218)
```
#6ba1da
```
#6ba1da rgb(107,161,218)
```

Similar Colors

Text with hexadecimal color #6bbdda

This text has a font color of #6bbdda.

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

#6bbdda background color

This paragraph has a background color of #6bbdda.

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

#6bbdda border color

This element has a border color of #6bbdda.

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

CSS codes

.text {color:#6bbdda;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061419
```
#061419 rgb(6,20,25)
```
#0a2028
```
#0a2028 rgb(10,32,40)
```
#0e2d38
```
#0e2d38 rgb(14,45,56)
```
#123a48
```
#123a48 rgb(18,58,72)
```
#164657
```
#164657 rgb(22,70,87)
```
#1a5367
```
#1a5367 rgb(26,83,103)
```
#1e5f77
```
#1e5f77 rgb(30,95,119)
```
#226c86
```
#226c86 rgb(34,108,134)
```
#267996
```
#267996 rgb(38,121,150)
```
#2985a6
```
#2985a6 rgb(41,133,166)
```
#2d92b6
```
#2d92b6 rgb(45,146,182)
```
#319fc5
```
#319fc5 rgb(49,159,197)
```

Shade Color Variation

#3ca8ce
```
#3ca8ce rgb(60,168,206)
```
#4cafd2
```
#4cafd2 rgb(76,175,210)
```
#5bb6d6
```
#5bb6d6 rgb(91,182,214)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#7bc4de
```
#7bc4de rgb(123,196,222)
```
#8acbe2
```
#8acbe2 rgb(138,203,226)
```
#9ad2e6
```
#9ad2e6 rgb(154,210,230)
```
#aad9ea
```
#aad9ea rgb(170,217,234)
```
#b9e0ee
```
#b9e0ee rgb(185,224,238)
```
#c9e7f2
```
#c9e7f2 rgb(201,231,242)
```
#d9eef5
```
#d9eef5 rgb(217,238,245)
```
#e9f5f9
```
#e9f5f9 rgb(233,245,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#9da5a8
```
#9da5a8 rgb(157,165,168)
```
#96a9af
```
#96a9af rgb(150,169,175)
```
#8facb6
```
#8facb6 rgb(143,172,182)
```
#87afbe
```
#87afbe rgb(135,175,190)
```
#80b3c5
```
#80b3c5 rgb(128,179,197)
```
#79b6cc
```
#79b6cc rgb(121,182,204)
```
#72bad3
```
#72bad3 rgb(114,186,211)
```
#6bbdda
```
#6bbdda rgb(107,189,218)
```
#64c0e1
```
#64c0e1 rgb(100,192,225)
```
#5dc4e8
```
#5dc4e8 rgb(93,196,232)
```
#56c7ef
```
#56c7ef rgb(86,199,239)
```
#4fcbf6
```
#4fcbf6 rgb(79,203,246)
```
#47cefe
```
#47cefe rgb(71,206,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9cacb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb4d4 Protanopia 1% of men
#afb2e0 Deuteranopia 1% of men
#6dc2d0 Tritanopia 0.001% of the population

Trichromacy

#96b7d6 Protanomaly 1% of men, 0.01% of women
#96b6de Deuteranomaly 6% of men, 0.4% of women
#6cc0d4 Tritanomaly 0.01% of the population

#6bbdda hex color

#6bbdda Color Information

#6bbdda Color Conversion

Color Schemes with #6bbdda

Alternatives to #6bbdda

#6bbdda Preview

Shades and Tints of #6bbdda

Tones of #6bbdda

Color Blindness Simulator