#6aa5bb hex color

In a RGB color space, hex #6aa5bb is composed of 41.6% red, 64.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 11.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 196.3 degrees, a saturation of 37.3% and a lightness of 57.5%. #6aa5bb color hex could be obtained by blending #d4ffff with #004b77. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 65
- B 73
RGB color chart
- C 43
- M 12
- Y 0
- K 27
CMYK color chart

● #6aa5bb color description : Slightly desaturated blue.

The hexadecimal color #6aa5bb has RGB values of R:106, G:165, B:187 and CMYK values of C:0.43, M:0.12, Y:0, K:0.27. Its decimal value is 6989243.

Hex triplet	6aa5bb	`#6aa5bb`
RGB Decimal	106, 165, 187	`rgb(106,165,187)`
RGB Percent	41.6, 64.7, 73.3	`rgb(41.6%,64.7%,73.3%)`
CMYK	43, 12, 0, 27
HSL	196.3°, 37.3, 57.5	`hsl(196.3,37.3%,57.5%)`
HSV (or HSB)	196.3°, 43.3, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.612, -13.33, -17.338
XYZ	28.366, 33.561, 51.994
xyY	0.249, 0.295, 33.561
CIE-LCH	64.612, 21.87, 232.446
CIE-LUV	64.612, -27.602, -24.495
Hunter-Lab	57.932, -13.977, -12.661
Binary	01101010, 10100101, 10111011

#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#bb806a
```
#bb806a rgb(187,128,106)
```

Complementary Color

#6abba9
```
#6abba9 rgb(106,187,169)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#6a7dbb
```
#6a7dbb rgb(106,125,187)
```

Analogous Color

#bba96a
```
#bba96a rgb(187,169,106)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#bb6a7d
```
#bb6a7d rgb(187,106,125)
```

Split Complementary Color

#a5bb6a
```
#a5bb6a rgb(165,187,106)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#bb6aa5
```
#bb6aa5 rgb(187,106,165)
```

Triadic Color

#6abb80
```
#6abb80 rgb(106,187,128)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#bb6aa5
```
#bb6aa5 rgb(187,106,165)
```
#bb806a
```
#bb806a rgb(187,128,106)
```

Tetradic Color

#447f95
```
#447f95 rgb(68,127,149)
```
#4c8ea6
```
#4c8ea6 rgb(76,142,166)
```
#589ab3
```
#589ab3 rgb(88,154,179)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#7cb0c3
```
#7cb0c3 rgb(124,176,195)
```
#8dbacb
```
#8dbacb rgb(141,186,203)
```
#9fc5d3
```
#9fc5d3 rgb(159,197,211)
```

Monochromatic Color

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

#6ab9bb
```
#6ab9bb rgb(106,185,187)
```
#6ab3bb
```
#6ab3bb rgb(106,179,187)
```
#6aacbb
```
#6aacbb rgb(106,172,187)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#6a9ebb
```
#6a9ebb rgb(106,158,187)
```
#6a98bb
```
#6a98bb rgb(106,152,187)
```
#6a91bb
```
#6a91bb rgb(106,145,187)
```

Similar Colors

Text with hexadecimal color #6aa5bb

This text has a font color of #6aa5bb.

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

#6aa5bb background color

This paragraph has a background color of #6aa5bb.

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

#6aa5bb border color

This element has a border color of #6aa5bb.

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

CSS codes

.text {color:#6aa5bb;}

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

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

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

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c161a
```
#0c161a rgb(12,22,26)
```
#122228
```
#122228 rgb(18,34,40)
```
#182d35
```
#182d35 rgb(24,45,53)
```
#1e3942
```
#1e3942 rgb(30,57,66)
```
#244450
```
#244450 rgb(36,68,80)
```
#2b505d
```
#2b505d rgb(43,80,93)
```
#315b6b
```
#315b6b rgb(49,91,107)
```
#376778
```
#376778 rgb(55,103,120)
```
#3d7286
```
#3d7286 rgb(61,114,134)
```
#437e93
```
#437e93 rgb(67,126,147)
```
#4989a1
```
#4989a1 rgb(73,137,161)
```
#5095ae
```
#5095ae rgb(80,149,174)
```

Shade Color Variation

#5d9db5
```
#5d9db5 rgb(93,157,181)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#77adc1
```
#77adc1 rgb(119,173,193)
```
#85b5c7
```
#85b5c7 rgb(133,181,199)
```
#92bdcd
```
#92bdcd rgb(146,189,205)
```
#a0c6d4
```
#a0c6d4 rgb(160,198,212)
```
#adceda
```
#adceda rgb(173,206,218)
```
#bbd6e0
```
#bbd6e0 rgb(187,214,224)
```
#c8dee6
```
#c8dee6 rgb(200,222,230)
```
#d6e6ec
```
#d6e6ec rgb(214,230,236)
```
#e3eef2
```
#e3eef2 rgb(227,238,242)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b969a
```
#8b969a rgb(139,150,154)
```
#839aa2
```
#839aa2 rgb(131,154,162)
```
#7b9daa
```
#7b9daa rgb(123,157,170)
```
#72a1b3
```
#72a1b3 rgb(114,161,179)
```
#6aa5bb
```
#6aa5bb rgb(106,165,187)
```
#62a9c3
```
#62a9c3 rgb(98,169,195)
```
#59adcc
```
#59adcc rgb(89,173,204)
```
#51b0d4
```
#51b0d4 rgb(81,176,212)
```
#49b4dc
```
#49b4dc rgb(73,180,220)
```
#40b8e5
```
#40b8e5 rgb(64,184,229)
```
#38bced
```
#38bced rgb(56,188,237)
```
#30c0f5
```
#30c0f5 rgb(48,192,245)
```
#27c3fe
```
#27c3fe rgb(39,195,254)
```

Tone Color Variation

Below, you can see how #6aa5bb 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
#8d999d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da0b9 Protanopia 1% of men
#9f9ec2 Deuteranopia 1% of men
#6faab7 Tritanopia 0.001% of the population

Trichromacy

#8aa2b9 Protanomaly 1% of men, 0.01% of women
#8ba0bf Deuteranomaly 6% of men, 0.4% of women
#6da8b8 Tritanomaly 0.01% of the population

#6aa5bb hex color

#6aa5bb Color Information

#6aa5bb Color Conversion

Color Schemes with #6aa5bb

Alternatives to #6aa5bb

#6aa5bb Preview

Shades and Tints of #6aa5bb

Tones of #6aa5bb

Color Blindness Simulator