#6ba6ee hex color

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

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

● #6ba6ee color description : Soft blue.

The hexadecimal color #6ba6ee has RGB values of R:107, G:166, B:238 and CMYK values of C:0.55, M:0.3, Y:0, K:0.07. Its decimal value is 7055086.

Hex triplet	6ba6ee	`#6ba6ee`
RGB Decimal	107, 166, 238	`rgb(107,166,238)`
RGB Percent	42, 65.1, 93.3	`rgb(42%,65.1%,93.3%)`
CMYK	55, 30, 0, 7
HSL	213°, 79.4, 67.6	`hsl(213,79.4%,67.6%)`
HSV (or HSB)	213°, 55, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.953, 1.267, -41.918
XYZ	35.129, 36.569, 86.092
xyY	0.223, 0.232, 36.569
CIE-LCH	66.953, 41.937, 271.731
CIE-LUV	66.953, -26.935, -67.391
Hunter-Lab	60.473, -2.136, -42.077
Binary	01101011, 10100110, 11101110

#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#eeb36b
```
#eeb36b rgb(238,179,107)
```

Complementary Color

#6be8ee
```
#6be8ee rgb(107,232,238)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#726bee
```
#726bee rgb(114,107,238)
```

Analogous Color

#e8ee6b
```
#e8ee6b rgb(232,238,107)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#ee726b
```
#ee726b rgb(238,114,107)
```

Split Complementary Color

#a6ee6b
```
#a6ee6b rgb(166,238,107)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#ee6ba6
```
#ee6ba6 rgb(238,107,166)
```

Triadic Color

#6beeb3
```
#6beeb3 rgb(107,238,179)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#ee6ba6
```
#ee6ba6 rgb(238,107,166)
```
#eeb36b
```
#eeb36b rgb(238,179,107)
```

Tetradic Color

#267de6
```
#267de6 rgb(38,125,230)
```
#3d8ae9
```
#3d8ae9 rgb(61,138,233)
```
#5498eb
```
#5498eb rgb(84,152,235)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#82b4f1
```
#82b4f1 rgb(130,180,241)
```
#99c2f3
```
#99c2f3 rgb(153,194,243)
```
#b0cff6
```
#b0cff6 rgb(176,207,246)
```

Monochromatic Color

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

#6bc7ee
```
#6bc7ee rgb(107,199,238)
```
#6bbcee
```
#6bbcee rgb(107,188,238)
```
#6bb1ee
```
#6bb1ee rgb(107,177,238)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#6b9bee
```
#6b9bee rgb(107,155,238)
```
#6b90ee
```
#6b90ee rgb(107,144,238)
```
#6b85ee
```
#6b85ee rgb(107,133,238)
```

Similar Colors

Text with hexadecimal color #6ba6ee

This text has a font color of #6ba6ee.

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

#6ba6ee background color

This paragraph has a background color of #6ba6ee.

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

#6ba6ee border color

This element has a border color of #6ba6ee.

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

CSS codes

.text {color:#6ba6ee;}

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

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

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 #f8fbfe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030e1c
```
#030e1c rgb(3,14,28)
```
#05172e
```
#05172e rgb(5,23,46)
```
#07203f
```
#07203f rgb(7,32,63)
```
#092951
```
#092951 rgb(9,41,81)
```
#0b3262
```
#0b3262 rgb(11,50,98)
```
#0d3c74
```
#0d3c74 rgb(13,60,116)
```
#0f4586
```
#0f4586 rgb(15,69,134)
```
#114e97
```
#114e97 rgb(17,78,151)
```
#1357a9
```
#1357a9 rgb(19,87,169)
```
#1560ba
```
#1560ba rgb(21,96,186)
```
#1769cc
```
#1769cc rgb(23,105,204)
```
#1972dd
```
#1972dd rgb(25,114,221)
```

Shade Color Variation

#257ce6
```
#257ce6 rgb(37,124,230)
```
#3686e8
```
#3686e8 rgb(54,134,232)
```
#4891ea
```
#4891ea rgb(72,145,234)
```
#599bec
```
#599bec rgb(89,155,236)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#7db1f0
```
#7db1f0 rgb(125,177,240)
```
#8ebbf2
```
#8ebbf2 rgb(142,187,242)
```
#a0c6f4
```
#a0c6f4 rgb(160,198,244)
```
#b1d0f6
```
#b1d0f6 rgb(177,208,246)
```
#c3dbf8
```
#c3dbf8 rgb(195,219,248)
```
#d5e5fa
```
#d5e5fa rgb(213,229,250)
```
#e6f0fc
```
#e6f0fc rgb(230,240,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,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 #5ea5fb is the most saturated one.

#aaacaf
```
#aaacaf rgb(170,172,175)
```
#a4acb5
```
#a4acb5 rgb(164,172,181)
```
#9eabbb
```
#9eabbb rgb(158,171,187)
```
#97aac2
```
#97aac2 rgb(151,170,194)
```
#91aac8
```
#91aac8 rgb(145,170,200)
```
#8ba9ce
```
#8ba9ce rgb(139,169,206)
```
#84a9d5
```
#84a9d5 rgb(132,169,213)
```
#7ea8db
```
#7ea8db rgb(126,168,219)
```
#78a7e1
```
#78a7e1 rgb(120,167,225)
```
#71a7e8
```
#71a7e8 rgb(113,167,232)
```
#6ba6ee
```
#6ba6ee rgb(107,166,238)
```
#65a5f4
```
#65a5f4 rgb(101,165,244)
```
#5ea5fb
```
#5ea5fb rgb(94,165,251)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#939fad Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa5eb Protanopia 1% of men
#84a6f0 Deuteranopia 1% of men
#5cb4c1 Tritanopia 0.001% of the population

Trichromacy

#82a5ec Protanomaly 1% of men, 0.01% of women
#7ba6ef Deuteranomaly 6% of men, 0.4% of women
#61aed1 Tritanomaly 0.01% of the population

#6ba6ee hex color

#6ba6ee Color Information

#6ba6ee Color Conversion

Color Schemes with #6ba6ee

Alternatives to #6ba6ee

#6ba6ee Preview

Shades and Tints of #6ba6ee

Tones of #6ba6ee

Color Blindness Simulator