#6ba7dc hex color

In a RGB color space, hex #6ba7dc is composed of 42% red, 65.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 24.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 208.1 degrees, a saturation of 61.7% and a lightness of 64.1%. #6ba7dc color hex could be obtained by blending #d6ffff with #004fb9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 65
- B 86
RGB color chart
- C 51
- M 24
- Y 0
- K 14
CMYK color chart

● #6ba7dc color description : Soft blue.

The hexadecimal color #6ba7dc has RGB values of R:107, G:167, B:220 and CMYK values of C:0.51, M:0.24, Y:0, K:0.14. Its decimal value is 7055324.

Hex triplet	6ba7dc	`#6ba7dc`
RGB Decimal	107, 167, 220	`rgb(107,167,220)`
RGB Percent	42, 65.5, 86.3	`rgb(42%,65.5%,86.3%)`
CMYK	51, 24, 0, 14
HSL	208.1°, 61.7, 64.1	`hsl(208.1,61.7%,64.1%)`
HSV (or HSB)	208.1°, 51.4, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.465, -4.754, -32.794
XYZ	32.797, 35.929, 72.913
xyY	0.232, 0.254, 35.929
CIE-LCH	66.465, 33.137, 261.752
CIE-LUV	66.465, -27.542, -51.207
Hunter-Lab	59.941, -7.227, -30.163
Binary	01101011, 10100111, 11011100

#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#dca06b
```
#dca06b rgb(220,160,107)
```

Complementary Color

#6bdcd9
```
#6bdcd9 rgb(107,220,217)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#6b6fdc
```
#6b6fdc rgb(107,111,220)
```

Analogous Color

#dcd96b
```
#dcd96b rgb(220,217,107)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#dc6b6f
```
#dc6b6f rgb(220,107,111)
```

Split Complementary Color

#a7dc6b
```
#a7dc6b rgb(167,220,107)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#dc6ba7
```
#dc6ba7 rgb(220,107,167)
```

Triadic Color

#6bdca0
```
#6bdca0 rgb(107,220,160)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#dc6ba7
```
#dc6ba7 rgb(220,107,167)
```
#dca06b
```
#dca06b rgb(220,160,107)
```

Tetradic Color

#3082cb
```
#3082cb rgb(48,130,203)
```
#428ed2
```
#428ed2 rgb(66,142,210)
```
#569bd7
```
#569bd7 rgb(86,155,215)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#80b3e1
```
#80b3e1 rgb(128,179,225)
```
#94c0e6
```
#94c0e6 rgb(148,192,230)
```
#a9cceb
```
#a9cceb rgb(169,204,235)
```

Monochromatic Color

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

#6bc3dc
```
#6bc3dc rgb(107,195,220)
```
#6bbadc
```
#6bbadc rgb(107,186,220)
```
#6bb0dc
```
#6bb0dc rgb(107,176,220)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#6b9edc
```
#6b9edc rgb(107,158,220)
```
#6b94dc
```
#6b94dc rgb(107,148,220)
```
#6b8bdc
```
#6b8bdc rgb(107,139,220)
```

Similar Colors

Text with hexadecimal color #6ba7dc

This text has a font color of #6ba7dc.

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

#6ba7dc background color

This paragraph has a background color of #6ba7dc.

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

#6ba7dc border color

This element has a border color of #6ba7dc.

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

CSS codes

.text {color:#6ba7dc;}

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

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

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, #03070b is the darkest color, while #fafcfe is the lightest one.

#03070b
```
#03070b rgb(3,7,11)
```
#06111b
```
#06111b rgb(6,17,27)
```
#0a1b2a
```
#0a1b2a rgb(10,27,42)
```
#0e253a
```
#0e253a rgb(14,37,58)
```
#12304a
```
#12304a rgb(18,48,74)
```
#153a5a
```
#153a5a rgb(21,58,90)
```
#19446a
```
#19446a rgb(25,68,106)
```
#1d4e7a
```
#1d4e7a rgb(29,78,122)
```
#21588a
```
#21588a rgb(33,88,138)
```
#246299
```
#246299 rgb(36,98,153)
```
#286da9
```
#286da9 rgb(40,109,169)
```
#2c77b9
```
#2c77b9 rgb(44,119,185)
```
#3081c9
```
#3081c9 rgb(48,129,201)
```

Shade Color Variation

#3b8bd1
```
#3b8bd1 rgb(59,139,209)
```
#4b94d4
```
#4b94d4 rgb(75,148,212)
```
#5b9ed8
```
#5b9ed8 rgb(91,158,216)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#7bb0e0
```
#7bb0e0 rgb(123,176,224)
```
#8bbae4
```
#8bbae4 rgb(139,186,228)
```
#9bc3e7
```
#9bc3e7 rgb(155,195,231)
```
#aacdeb
```
#aacdeb rgb(170,205,235)
```
#bad6ef
```
#bad6ef rgb(186,214,239)
```
#cae0f3
```
#cae0f3 rgb(202,224,243)
```
#dae9f6
```
#dae9f6 rgb(218,233,246)
```
#eaf2fa
```
#eaf2fa rgb(234,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a4a4 is the less saturated color, while #4fa9f8 is the most saturated one.

#a3a4a4
```
#a3a4a4 rgb(163,164,164)
```
#9ca4ab
```
#9ca4ab rgb(156,164,171)
```
#95a4b2
```
#95a4b2 rgb(149,164,178)
```
#8ea5b9
```
#8ea5b9 rgb(142,165,185)
```
#87a5c0
```
#87a5c0 rgb(135,165,192)
```
#80a6c7
```
#80a6c7 rgb(128,166,199)
```
#79a6ce
```
#79a6ce rgb(121,166,206)
```
#72a7d5
```
#72a7d5 rgb(114,167,213)
```
#6ba7dc
```
#6ba7dc rgb(107,167,220)
```
#64a7e3
```
#64a7e3 rgb(100,167,227)
```
#5da8ea
```
#5da8ea rgb(93,168,234)
```
#56a8f1
```
#56a8f1 rgb(86,168,241)
```
#4fa9f8
```
#4fa9f8 rgb(79,169,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#919da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a4d9 Protanopia 1% of men
#91a4e0 Deuteranopia 1% of men
#65b1be Tritanopia 0.001% of the population

Trichromacy

#86a5da Protanomaly 1% of men, 0.01% of women
#83a5de Deuteranomaly 6% of men, 0.4% of women
#67adc9 Tritanomaly 0.01% of the population

#6ba7dc hex color

#6ba7dc Color Information

#6ba7dc Color Conversion

Color Schemes with #6ba7dc

Alternatives to #6ba7dc

#6ba7dc Preview

Shades and Tints of #6ba7dc

Tones of #6ba7dc

Color Blindness Simulator