#6ba2cb hex color

In a RGB color space, hex #6ba2cb is composed of 42% red, 63.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 20.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 205.6 degrees, a saturation of 48% and a lightness of 60.8%. #6ba2cb color hex could be obtained by blending #d6ffff with #004597. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 64
- B 80
RGB color chart
- C 47
- M 20
- Y 0
- K 20
CMYK color chart

● #6ba2cb color description : Slightly desaturated blue.

The hexadecimal color #6ba2cb has RGB values of R:107, G:162, B:203 and CMYK values of C:0.47, M:0.2, Y:0, K:0.2. Its decimal value is 7054027.

Hex triplet	6ba2cb	`#6ba2cb`
RGB Decimal	107, 162, 203	`rgb(107,162,203)`
RGB Percent	42, 63.5, 79.6	`rgb(42%,63.5%,79.6%)`
CMYK	47, 20, 0, 20
HSL	205.6°, 48, 60.8	`hsl(205.6,48%,60.8%)`
HSV (or HSB)	205.6°, 47.3, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.384, -6.959, -26.597
XYZ	29.761, 33.277, 61.351
xyY	0.239, 0.268, 33.277
CIE-LCH	64.384, 27.492, 255.336
CIE-LUV	64.384, -25.839, -40.405
Hunter-Lab	57.686, -8.861, -22.677
Binary	01101011, 10100010, 11001011

#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#cb946b
```
#cb946b rgb(203,148,107)
```

Complementary Color

#6bcbc4
```
#6bcbc4 rgb(107,203,196)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#6b72cb
```
#6b72cb rgb(107,114,203)
```

Analogous Color

#cbc46b
```
#cbc46b rgb(203,196,107)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#cb6b72
```
#cb6b72 rgb(203,107,114)
```

Split Complementary Color

#a2cb6b
```
#a2cb6b rgb(162,203,107)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#cb6ba2
```
#cb6ba2 rgb(203,107,162)
```

Triadic Color

#6bcb94
```
#6bcb94 rgb(107,203,148)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#cb6ba2
```
#cb6ba2 rgb(203,107,162)
```
#cb946b
```
#cb946b rgb(203,148,107)
```

Tetradic Color

#3d7dad
```
#3d7dad rgb(61,125,173)
```
#458abe
```
#458abe rgb(69,138,190)
```
#5896c4
```
#5896c4 rgb(88,150,196)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#7eaed2
```
#7eaed2 rgb(126,174,210)
```
#91bad8
```
#91bad8 rgb(145,186,216)
```
#a4c6df
```
#a4c6df rgb(164,198,223)
```

Monochromatic Color

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

#6bbacb
```
#6bbacb rgb(107,186,203)
```
#6bb2cb
```
#6bb2cb rgb(107,178,203)
```
#6baacb
```
#6baacb rgb(107,170,203)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#6b9acb
```
#6b9acb rgb(107,154,203)
```
#6b92cb
```
#6b92cb rgb(107,146,203)
```
#6b8acb
```
#6b8acb rgb(107,138,203)
```

Similar Colors

Text with hexadecimal color #6ba2cb

This text has a font color of #6ba2cb.

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

#6ba2cb background color

This paragraph has a background color of #6ba2cb.

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

#6ba2cb border color

This element has a border color of #6ba2cb.

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

CSS codes

.text {color:#6ba2cb;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#09131a
```
#09131a rgb(9,19,26)
```
#0e1d29
```
#0e1d29 rgb(14,29,41)
```
#132837
```
#132837 rgb(19,40,55)
```
#193246
```
#193246 rgb(25,50,70)
```
#1e3d54
```
#1e3d54 rgb(30,61,84)
```
#234763
```
#234763 rgb(35,71,99)
```
#285271
```
#285271 rgb(40,82,113)
```
#2d5c80
```
#2d5c80 rgb(45,92,128)
```
#32678e
```
#32678e rgb(50,103,142)
```
#37719d
```
#37719d rgb(55,113,157)
```
#3c7cab
```
#3c7cab rgb(60,124,171)
```
#4186ba
```
#4186ba rgb(65,134,186)
```

Shade Color Variation

#4e90c1
```
#4e90c1 rgb(78,144,193)
```
#5c99c6
```
#5c99c6 rgb(92,153,198)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#7aabd0
```
#7aabd0 rgb(122,171,208)
```
#88b4d5
```
#88b4d5 rgb(136,180,213)
```
#97bdda
```
#97bdda rgb(151,189,218)
```
#a5c6df
```
#a5c6df rgb(165,198,223)
```
#b4d0e5
```
#b4d0e5 rgb(180,208,229)
```
#c2d9ea
```
#c2d9ea rgb(194,217,234)
```
#d1e2ef
```
#d1e2ef rgb(209,226,239)
```
#dfebf4
```
#dfebf4 rgb(223,235,244)
```
#eef4f9
```
#eef4f9 rgb(238,244,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999b9d is the less saturated color, while #3da9f9 is the most saturated one.

#999b9d
```
#999b9d rgb(153,155,157)
```
#919ca5
```
#919ca5 rgb(145,156,165)
```
#8a9eac
```
#8a9eac rgb(138,158,172)
```
#829fb4
```
#829fb4 rgb(130,159,180)
```
#7aa0bc
```
#7aa0bc rgb(122,160,188)
```
#73a1c3
```
#73a1c3 rgb(115,161,195)
```
#6ba2cb
```
#6ba2cb rgb(107,162,203)
```
#63a3d3
```
#63a3d3 rgb(99,163,211)
```
#5ca4da
```
#5ca4da rgb(92,164,218)
```
#54a5e2
```
#54a5e2 rgb(84,165,226)
```
#4ca6ea
```
#4ca6ea rgb(76,166,234)
```
#45a8f1
```
#45a8f1 rgb(69,168,241)
```
#3da9f9
```
#3da9f9 rgb(61,169,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8d98a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969fc9 Protanopia 1% of men
#949ed0 Deuteranopia 1% of men
#6aabb7 Tritanopia 0.001% of the population

Trichromacy

#86a0c9 Protanomaly 1% of men, 0.01% of women
#85a0ce Deuteranomaly 6% of men, 0.4% of women
#6aa7be Tritanomaly 0.01% of the population

#6ba2cb hex color

#6ba2cb Color Information

#6ba2cb Color Conversion

Color Schemes with #6ba2cb

Alternatives to #6ba2cb

#6ba2cb Preview

Shades and Tints of #6ba2cb

Tones of #6ba2cb

Color Blindness Simulator