#6ca2b8 hex color

In a RGB color space, hex #6ca2b8 is composed of 42.4% red, 63.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 12% magenta, 0% yellow and 27.8% black. It has a hue angle of 197.4 degrees, a saturation of 34.9% and a lightness of 57.3%. #6ca2b8 color hex could be obtained by blending #d8ffff with #004571. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 64
- B 72
RGB color chart
- C 41
- M 12
- Y 0
- K 28
CMYK color chart

● #6ca2b8 color description : Slightly desaturated blue.

The hexadecimal color #6ca2b8 has RGB values of R:108, G:162, B:184 and CMYK values of C:0.41, M:0.12, Y:0, K:0.28. Its decimal value is 7119544.

Hex triplet	6ca2b8	`#6ca2b8`
RGB Decimal	108, 162, 184	`rgb(108,162,184)`
RGB Percent	42.4, 63.5, 72.2	`rgb(42.4%,63.5%,72.2%)`
CMYK	41, 12, 0, 28
HSL	197.4°, 34.9, 57.3	`hsl(197.4,34.9%,57.3%)`
HSV (or HSB)	197.4°, 41.3, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.744, -12.009, -16.967
XYZ	27.754, 32.488, 50.153
xyY	0.251, 0.294, 32.488
CIE-LCH	63.744, 20.787, 234.711
CIE-LUV	63.744, -25.715, -24.033
Hunter-Lab	56.998, -12.83, -12.271
Binary	01101100, 10100010, 10111000

#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#b8826c
```
#b8826c rgb(184,130,108)
```

Complementary Color

#6cb8a8
```
#6cb8a8 rgb(108,184,168)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#6c7cb8
```
#6c7cb8 rgb(108,124,184)
```

Analogous Color

#b8a86c
```
#b8a86c rgb(184,168,108)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#b86c7c
```
#b86c7c rgb(184,108,124)
```

Split Complementary Color

#a2b86c
```
#a2b86c rgb(162,184,108)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#b86ca2
```
#b86ca2 rgb(184,108,162)
```

Triadic Color

#6cb882
```
#6cb882 rgb(108,184,130)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#b86ca2
```
#b86ca2 rgb(184,108,162)
```
#b8826c
```
#b8826c rgb(184,130,108)
```

Tetradic Color

#467c91
```
#467c91 rgb(70,124,145)
```
#4e8aa3
```
#4e8aa3 rgb(78,138,163)
```
#5b97b0
```
#5b97b0 rgb(91,151,176)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#7dadc0
```
#7dadc0 rgb(125,173,192)
```
#8eb8c9
```
#8eb8c9 rgb(142,184,201)
```
#a0c3d1
```
#a0c3d1 rgb(160,195,209)
```

Monochromatic Color

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

#6cb5b8
```
#6cb5b8 rgb(108,181,184)
```
#6cafb8
```
#6cafb8 rgb(108,175,184)
```
#6ca8b8
```
#6ca8b8 rgb(108,168,184)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#6c9cb8
```
#6c9cb8 rgb(108,156,184)
```
#6c95b8
```
#6c95b8 rgb(108,149,184)
```
#6c8fb8
```
#6c8fb8 rgb(108,143,184)
```

Similar Colors

Text with hexadecimal color #6ca2b8

This text has a font color of #6ca2b8.

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

#6ca2b8 background color

This paragraph has a background color of #6ca2b8.

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

#6ca2b8 border color

This element has a border color of #6ca2b8.

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

CSS codes

.text {color:#6ca2b8;}

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

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

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, #060a0c is the darkest color, while #fdfefe is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1519
```
#0c1519 rgb(12,21,25)
```
#122026
```
#122026 rgb(18,32,38)
```
#192c33
```
#192c33 rgb(25,44,51)
```
#1f3741
```
#1f3741 rgb(31,55,65)
```
#26424e
```
#26424e rgb(38,66,78)
```
#2c4d5b
```
#2c4d5b rgb(44,77,91)
```
#325968
```
#325968 rgb(50,89,104)
```
#396476
```
#396476 rgb(57,100,118)
```
#3f6f83
```
#3f6f83 rgb(63,111,131)
```
#467a90
```
#467a90 rgb(70,122,144)
```
#4c869d
```
#4c869d rgb(76,134,157)
```
#5291aa
```
#5291aa rgb(82,145,170)
```

Shade Color Variation

#5f9ab2
```
#5f9ab2 rgb(95,154,178)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#79aabe
```
#79aabe rgb(121,170,190)
```
#86b3c5
```
#86b3c5 rgb(134,179,197)
```
#94bbcb
```
#94bbcb rgb(148,187,203)
```
#a1c3d2
```
#a1c3d2 rgb(161,195,210)
```
#aeccd8
```
#aeccd8 rgb(174,204,216)
```
#bbd4de
```
#bbd4de rgb(187,212,222)
```
#c9dde5
```
#c9dde5 rgb(201,221,229)
```
#d6e5eb
```
#d6e5eb rgb(214,229,235)
```
#e3edf1
```
#e3edf1 rgb(227,237,241)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9496 is the less saturated color, while #29befb is the most saturated one.

#8e9496
```
#8e9496 rgb(142,148,150)
```
#85979f
```
#85979f rgb(133,151,159)
```
#7d9ba7
```
#7d9ba7 rgb(125,155,167)
```
#749eb0
```
#749eb0 rgb(116,158,176)
```
#6ca2b8
```
#6ca2b8 rgb(108,162,184)
```
#64a6c0
```
#64a6c0 rgb(100,166,192)
```
#5ba9c9
```
#5ba9c9 rgb(91,169,201)
```
#53add1
```
#53add1 rgb(83,173,209)
```
#4ab0da
```
#4ab0da rgb(74,176,218)
```
#42b4e2
```
#42b4e2 rgb(66,180,226)
```
#3ab7ea
```
#3ab7ea rgb(58,183,234)
```
#31bbf3
```
#31bbf3 rgb(49,187,243)
```
#29befb
```
#29befb rgb(41,190,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8c979b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb6 Protanopia 1% of men
#9d9cbf Deuteranopia 1% of men
#71a8b4 Tritanopia 0.001% of the population

Trichromacy

#899fb7 Protanomaly 1% of men, 0.01% of women
#8b9ebc Deuteranomaly 6% of men, 0.4% of women
#6fa5b5 Tritanomaly 0.01% of the population

#6ca2b8 hex color

#6ca2b8 Color Information

#6ca2b8 Color Conversion

Color Schemes with #6ca2b8

Alternatives to #6ca2b8

#6ca2b8 Preview

Shades and Tints of #6ca2b8

Tones of #6ca2b8

Color Blindness Simulator