colorhexa.com

#6aa0bc hex color

In a RGB color space, hex #6aa0bc is composed of 41.6% red, 62.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 14.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 200.5 degrees, a saturation of 38% and a lightness of 57.6%. #6aa0bc color hex could be obtained by blending #d4ffff with #004179. Closest websafe color is: #6699cc.

- R 42
- G 63
- B 74
RGB color chart
- C 44
- M 15
- Y 0
- K 26
CMYK color chart

● #6aa0bc color description : Slightly desaturated blue.

The hexadecimal color #6aa0bc has RGB values of R:106, G:160, B:188 and CMYK values of C:0.44, M:0.15, Y:0, K:0.26. Its decimal value is 6987964.

Hex triplet	6aa0bc	`#6aa0bc`
RGB Decimal	106, 160, 188	`rgb(106,160,188)`
RGB Percent	41.6, 62.7, 73.7	`rgb(41.6%,62.7%,73.7%)`
CMYK	44, 15, 0, 26
HSL	200.5°, 38, 57.6	`hsl(200.5,38%,57.6%)`
HSV (or HSB)	200.5°, 43.6, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.206, -10.348, -20.033
XYZ	27.59, 31.835, 52.265
xyY	0.247, 0.285, 31.835
CIE-LCH	63.206, 22.548, 242.681
CIE-LUV	63.206, -25.566, -29.149
Hunter-Lab	56.423, -11.457, -15.425
Binary	01101010, 10100000, 10111100

#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#bc866a
```
#bc866a rgb(188,134,106)
```

Complementary Color

#6abcaf
```
#6abcaf rgb(106,188,175)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```

Analogous Color

#bcaf6a
```
#bcaf6a rgb(188,175,106)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#bc6a77
```
#bc6a77 rgb(188,106,119)
```

Split Complementary Color

#a0bc6a
```
#a0bc6a rgb(160,188,106)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#bc6aa0
```
#bc6aa0 rgb(188,106,160)
```

Triadic Color

#6abc86
```
#6abc86 rgb(106,188,134)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#bc6aa0
```
#bc6aa0 rgb(188,106,160)
```
#bc866a
```
#bc866a rgb(188,134,106)
```

Tetradic Color

#437a96
```
#437a96 rgb(67,122,150)
```
#4b88a8
```
#4b88a8 rgb(75,136,168)
```
#5895b4
```
#5895b4 rgb(88,149,180)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#7cabc4
```
#7cabc4 rgb(124,171,196)
```
#8db6cc
```
#8db6cc rgb(141,182,204)
```
#9fc2d4
```
#9fc2d4 rgb(159,194,212)
```

Monochromatic Color

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

#6ab5bc
```
#6ab5bc rgb(106,181,188)
```
#6aaebc
```
#6aaebc rgb(106,174,188)
```
#6aa7bc
```
#6aa7bc rgb(106,167,188)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#6a99bc
```
#6a99bc rgb(106,153,188)
```
#6a92bc
```
#6a92bc rgb(106,146,188)
```
#6a8cbc
```
#6a8cbc rgb(106,140,188)
```

Similar Colors

Text with hexadecimal color #6aa0bc

This text has a font color of #6aa0bc.

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

#6aa0bc background color

This paragraph has a background color of #6aa0bc.

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

#6aa0bc border color

This element has a border color of #6aa0bc.

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

CSS codes

.text {color:#6aa0bc;}

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

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

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

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c161b
```
#0c161b rgb(12,22,27)
```
#122128
```
#122128 rgb(18,33,40)
```
#182c36
```
#182c36 rgb(24,44,54)
```
#1e3743
```
#1e3743 rgb(30,55,67)
```
#244251
```
#244251 rgb(36,66,81)
```
#2b4d5f
```
#2b4d5f rgb(43,77,95)
```
#31586c
```
#31586c rgb(49,88,108)
```
#37637a
```
#37637a rgb(55,99,122)
```
#3d6e87
```
#3d6e87 rgb(61,110,135)
```
#437995
```
#437995 rgb(67,121,149)
```
#4984a2
```
#4984a2 rgb(73,132,162)
```
#4f8fb0
```
#4f8fb0 rgb(79,143,176)
```

Shade Color Variation

#5c97b6
```
#5c97b6 rgb(92,151,182)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#78a9c2
```
#78a9c2 rgb(120,169,194)
```
#85b1c8
```
#85b1c8 rgb(133,177,200)
```
#93bace
```
#93bace rgb(147,186,206)
```
#a0c3d4
```
#a0c3d4 rgb(160,195,212)
```
#aecbda
```
#aecbda rgb(174,203,218)
```
#bbd4e1
```
#bbd4e1 rgb(187,212,225)
```
#c9dce7
```
#c9dce7 rgb(201,220,231)
```
#d6e5ed
```
#d6e5ed rgb(214,229,237)
```
#e4eef3
```
#e4eef3 rgb(228,238,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b959b
```
#8b959b rgb(139,149,155)
```
#8398a3
```
#8398a3 rgb(131,152,163)
```
#7b9bab
```
#7b9bab rgb(123,155,171)
```
#729db4
```
#729db4 rgb(114,157,180)
```
#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#62a3c4
```
#62a3c4 rgb(98,163,196)
```
#59a5cd
```
#59a5cd rgb(89,165,205)
```
#51a8d5
```
#51a8d5 rgb(81,168,213)
```
#49abdd
```
#49abdd rgb(73,171,221)
```
#40ade6
```
#40ade6 rgb(64,173,230)
```
#38b0ee
```
#38b0ee rgb(56,176,238)
```
#30b2f6
```
#30b2f6 rgb(48,178,246)
```
#28b5fe
```
#28b5fe rgb(40,181,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8b969b Atypical Achromatopsia 0.001% of the population

Dichromacy

#979cba Protanopia 1% of men
#989bc2 Deuteranopia 1% of men
#6da7b3 Tritanopia 0.001% of the population

Trichromacy

#879ebb Protanomaly 1% of men, 0.01% of women
#879dc0 Deuteranomaly 6% of men, 0.4% of women
#6ca4b6 Tritanomaly 0.01% of the population