#6ba2ee hex color

In a RGB color space, hex #6ba2ee is composed of 42% red, 63.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 31.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 214.8 degrees, a saturation of 79.4% and a lightness of 67.6%. #6ba2ee color hex could be obtained by blending #d6ffff with #0045dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 64
- B 93
RGB color chart
- C 55
- M 32
- Y 0
- K 7
CMYK color chart

● #6ba2ee color description : Soft blue.

The hexadecimal color #6ba2ee has RGB values of R:107, G:162, B:238 and CMYK values of C:0.55, M:0.32, Y:0, K:0.07. Its decimal value is 7054062.

Hex triplet	6ba2ee	`#6ba2ee`
RGB Decimal	107, 162, 238	`rgb(107,162,238)`
RGB Percent	42, 63.5, 93.3	`rgb(42%,63.5%,93.3%)`
CMYK	55, 32, 0, 7
HSL	214.8°, 79.4, 67.6	`hsl(214.8,79.4%,67.6%)`
HSV (or HSB)	214.8°, 55, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.856, 3.541, -43.638
XYZ	34.413, 35.138, 85.853
xyY	0.221, 0.226, 35.138
CIE-LCH	65.856, 43.782, 274.639
CIE-LUV	65.856, -25.491, -70.395
Hunter-Lab	59.277, -0.108, -44.378
Binary	01101011, 10100010, 11101110

#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#eeb76b
```
#eeb76b rgb(238,183,107)
```

Complementary Color

#6be4ee
```
#6be4ee rgb(107,228,238)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#766bee
```
#766bee rgb(118,107,238)
```

Analogous Color

#e4ee6b
```
#e4ee6b rgb(228,238,107)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#ee766b
```
#ee766b rgb(238,118,107)
```

Split Complementary Color

#a2ee6b
```
#a2ee6b rgb(162,238,107)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#ee6ba2
```
#ee6ba2 rgb(238,107,162)
```

Triadic Color

#6beeb7
```
#6beeb7 rgb(107,238,183)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#ee6ba2
```
#ee6ba2 rgb(238,107,162)
```
#eeb76b
```
#eeb76b rgb(238,183,107)
```

Tetradic Color

#2677e6
```
#2677e6 rgb(38,119,230)
```
#3d85e9
```
#3d85e9 rgb(61,133,233)
```
#5494eb
```
#5494eb rgb(84,148,235)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#82b0f1
```
#82b0f1 rgb(130,176,241)
```
#99bff3
```
#99bff3 rgb(153,191,243)
```
#b0cdf6
```
#b0cdf6 rgb(176,205,246)
```

Monochromatic Color

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

#6bc3ee
```
#6bc3ee rgb(107,195,238)
```
#6bb8ee
```
#6bb8ee rgb(107,184,238)
```
#6badee
```
#6badee rgb(107,173,238)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#6b97ee
```
#6b97ee rgb(107,151,238)
```
#6b8cee
```
#6b8cee rgb(107,140,238)
```
#6b81ee
```
#6b81ee rgb(107,129,238)
```

Similar Colors

Text with hexadecimal color #6ba2ee

This text has a font color of #6ba2ee.

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

#6ba2ee background color

This paragraph has a background color of #6ba2ee.

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

#6ba2ee border color

This element has a border color of #6ba2ee.

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

CSS codes

.text {color:#6ba2ee;}

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

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

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, #01050a is the darkest color, while #f8fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030e1c
```
#030e1c rgb(3,14,28)
```
#05162e
```
#05162e rgb(5,22,46)
```
#071f3f
```
#071f3f rgb(7,31,63)
```
#092751
```
#092751 rgb(9,39,81)
```
#0b3062
```
#0b3062 rgb(11,48,98)
```
#0d3874
```
#0d3874 rgb(13,56,116)
```
#0f4186
```
#0f4186 rgb(15,65,134)
```
#114a97
```
#114a97 rgb(17,74,151)
```
#1352a9
```
#1352a9 rgb(19,82,169)
```
#155bba
```
#155bba rgb(21,91,186)
```
#1763cc
```
#1763cc rgb(23,99,204)
```
#196cdd
```
#196cdd rgb(25,108,221)
```

Shade Color Variation

#2576e6
```
#2576e6 rgb(37,118,230)
```
#3681e8
```
#3681e8 rgb(54,129,232)
```
#488cea
```
#488cea rgb(72,140,234)
```
#5997ec
```
#5997ec rgb(89,151,236)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#7dadf0
```
#7dadf0 rgb(125,173,240)
```
#8eb8f2
```
#8eb8f2 rgb(142,184,242)
```
#a0c3f4
```
#a0c3f4 rgb(160,195,244)
```
#b1cef6
```
#b1cef6 rgb(177,206,246)
```
#c3d9f8
```
#c3d9f8 rgb(195,217,248)
```
#d5e4fa
```
#d5e4fa rgb(213,228,250)
```
#e6effc
```
#e6effc rgb(230,239,252)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#aaacaf
```
#aaacaf rgb(170,172,175)
```
#a4abb5
```
#a4abb5 rgb(164,171,181)
```
#9eaabb
```
#9eaabb rgb(158,170,187)
```
#97a9c2
```
#97a9c2 rgb(151,169,194)
```
#91a8c8
```
#91a8c8 rgb(145,168,200)
```
#8ba7ce
```
#8ba7ce rgb(139,167,206)
```
#84a6d5
```
#84a6d5 rgb(132,166,213)
```
#7ea5db
```
#7ea5db rgb(126,165,219)
```
#78a4e1
```
#78a4e1 rgb(120,164,225)
```
#71a3e8
```
#71a3e8 rgb(113,163,232)
```
#6ba2ee
```
#6ba2ee rgb(107,162,238)
```
#65a1f4
```
#65a1f4 rgb(101,161,244)
```
#5ea0fb
```
#5ea0fb rgb(94,160,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#919cab Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa2eb Protanopia 1% of men
#7ea4ef Deuteranopia 1% of men
#5ab1bd Tritanopia 0.001% of the population

Trichromacy

#7ea2ec Protanomaly 1% of men, 0.01% of women
#77a3ef Deuteranomaly 6% of men, 0.4% of women
#60abcf Tritanomaly 0.01% of the population

#6ba2ee hex color

#6ba2ee Color Information

#6ba2ee Color Conversion

Color Schemes with #6ba2ee

Alternatives to #6ba2ee

#6ba2ee Preview

Shades and Tints of #6ba2ee

Tones of #6ba2ee

Color Blindness Simulator