#6bb2d9 hex color

In a RGB color space, hex #6bb2d9 is composed of 42% red, 69.8% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 18% magenta, 0% yellow and 14.9% black. It has a hue angle of 201.3 degrees, a saturation of 59.1% and a lightness of 63.5%. #6bb2d9 color hex could be obtained by blending #d6ffff with #0065b3. Closest websafe color is: #6699cc.

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

● #6bb2d9 color description : Soft blue.

The hexadecimal color #6bb2d9 has RGB values of R:107, G:178, B:217 and CMYK values of C:0.51, M:0.18, Y:0, K:0.15. Its decimal value is 7058137.

Hex triplet	6bb2d9	`#6bb2d9`
RGB Decimal	107, 178, 217	`rgb(107,178,217)`
RGB Percent	42, 69.8, 85.1	`rgb(42%,69.8%,85.1%)`
CMYK	51, 18, 0, 15
HSL	201.3°, 59.1, 63.5	`hsl(201.3,59.1%,63.5%)`
HSV (or HSB)	201.3°, 50.7, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.451, -11.639, -26.54
XYZ	34.505, 39.974, 71.539
xyY	0.236, 0.274, 39.974
CIE-LCH	69.451, 28.98, 246.32
CIE-LUV	69.451, -31.8, -40.132
Hunter-Lab	63.225, -13.228, -22.829
Binary	01101011, 10110010, 11011001

#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#d9926b
```
#d9926b rgb(217,146,107)
```

Complementary Color

#6bd9c9
```
#6bd9c9 rgb(107,217,201)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#6b7bd9
```
#6b7bd9 rgb(107,123,217)
```

Analogous Color

#d9c96b
```
#d9c96b rgb(217,201,107)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#d96b7b
```
#d96b7b rgb(217,107,123)
```

Split Complementary Color

#b2d96b
```
#b2d96b rgb(178,217,107)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#d96bb2
```
#d96bb2 rgb(217,107,178)
```

Triadic Color

#6bd992
```
#6bd992 rgb(107,217,146)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#d96bb2
```
#d96bb2 rgb(217,107,178)
```
#d9926b
```
#d9926b rgb(217,146,107)
```

Tetradic Color

#3391c5
```
#3391c5 rgb(51,145,197)
```
#429dcf
```
#429dcf rgb(66,157,207)
```
#57a7d4
```
#57a7d4 rgb(87,167,212)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#7fbdde
```
#7fbdde rgb(127,189,222)
```
#94c7e3
```
#94c7e3 rgb(148,199,227)
```
#a8d2e9
```
#a8d2e9 rgb(168,210,233)
```

Monochromatic Color

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

#6bced9
```
#6bced9 rgb(107,206,217)
```
#6bc4d9
```
#6bc4d9 rgb(107,196,217)
```
#6bbbd9
```
#6bbbd9 rgb(107,187,217)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#6ba9d9
```
#6ba9d9 rgb(107,169,217)
```
#6ba0d9
```
#6ba0d9 rgb(107,160,217)
```
#6b97d9
```
#6b97d9 rgb(107,151,217)
```

Similar Colors

Text with hexadecimal color #6bb2d9

This text has a font color of #6bb2d9.

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

#6bb2d9 background color

This paragraph has a background color of #6bb2d9.

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

#6bb2d9 border color

This element has a border color of #6bb2d9.

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

CSS codes

.text {color:#6bb2d9;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061118
```
#061118 rgb(6,17,24)
```
#0a1d27
```
#0a1d27 rgb(10,29,39)
```
#0e2837
```
#0e2837 rgb(14,40,55)
```
#123447
```
#123447 rgb(18,52,71)
```
#163f56
```
#163f56 rgb(22,63,86)
```
#1a4b66
```
#1a4b66 rgb(26,75,102)
```
#1e5675
```
#1e5675 rgb(30,86,117)
```
#226285
```
#226285 rgb(34,98,133)
```
#266d95
```
#266d95 rgb(38,109,149)
```
#2a79a4
```
#2a79a4 rgb(42,121,164)
```
#2e84b4
```
#2e84b4 rgb(46,132,180)
```
#3290c3
```
#3290c3 rgb(50,144,195)
```

Shade Color Variation

#3c9acd
```
#3c9acd rgb(60,154,205)
```
#4ca2d1
```
#4ca2d1 rgb(76,162,209)
```
#5baad5
```
#5baad5 rgb(91,170,213)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#7bbadd
```
#7bbadd rgb(123,186,221)
```
#8ac2e1
```
#8ac2e1 rgb(138,194,225)
```
#9acae5
```
#9acae5 rgb(154,202,229)
```
#a9d2e9
```
#a9d2e9 rgb(169,210,233)
```
#b9dbed
```
#b9dbed rgb(185,219,237)
```
#c9e3f1
```
#c9e3f1 rgb(201,227,241)
```
#d8ebf5
```
#d8ebf5 rgb(216,235,245)
```
#e8f3f9
```
#e8f3f9 rgb(232,243,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#9da3a7
```
#9da3a7 rgb(157,163,167)
```
#96a6ae
```
#96a6ae rgb(150,166,174)
```
#8fa8b5
```
#8fa8b5 rgb(143,168,181)
```
#88aabc
```
#88aabc rgb(136,170,188)
```
#80acc4
```
#80acc4 rgb(128,172,196)
```
#79aecb
```
#79aecb rgb(121,174,203)
```
#72b0d2
```
#72b0d2 rgb(114,176,210)
```
#6bb2d9
```
#6bb2d9 rgb(107,178,217)
```
#64b4e0
```
#64b4e0 rgb(100,180,224)
```
#5db6e7
```
#5db6e7 rgb(93,182,231)
```
#56b8ee
```
#56b8ee rgb(86,184,238)
```
#4ebaf6
```
#4ebaf6 rgb(78,186,246)
```
#47bcfd
```
#47bcfd rgb(71,188,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#96a4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3acd4 Protanopia 1% of men
#a1abde Deuteranopia 1% of men
#6ab9c7 Tritanopia 0.001% of the population

Trichromacy

#8faed6 Protanomaly 1% of men, 0.01% of women
#8daddc Deuteranomaly 6% of men, 0.4% of women
#6ab6cd Tritanomaly 0.01% of the population

#6bb2d9 hex color

#6bb2d9 Color Information

#6bb2d9 Color Conversion

Color Schemes with #6bb2d9

Alternatives to #6bb2d9

#6bb2d9 Preview

Shades and Tints of #6bb2d9

Tones of #6bb2d9

Color Blindness Simulator