#6aa4bb hex color

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

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

● #6aa4bb color description : Slightly desaturated blue.

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

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

CIE-LAB	64.324, -12.792, -17.776
XYZ	28.187, 33.201, 51.934
xyY	0.249, 0.293, 33.201
CIE-LCH	64.324, 21.9, 234.259
CIE-LUV	64.324, -27.197, -25.254
Hunter-Lab	57.621, -13.518, -13.104
Binary	01101010, 10100100, 10111011

#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#bb816a
```
#bb816a rgb(187,129,106)
```

Complementary Color

#6abbaa
```
#6abbaa rgb(106,187,170)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#6a7cbb
```
#6a7cbb rgb(106,124,187)
```

Analogous Color

#bbaa6a
```
#bbaa6a rgb(187,170,106)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#bb6a7c
```
#bb6a7c rgb(187,106,124)
```

Split Complementary Color

#a4bb6a
```
#a4bb6a rgb(164,187,106)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#bb6aa4
```
#bb6aa4 rgb(187,106,164)
```

Triadic Color

#6abb81
```
#6abb81 rgb(106,187,129)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#bb6aa4
```
#bb6aa4 rgb(187,106,164)
```
#bb816a
```
#bb816a rgb(187,129,106)
```

Tetradic Color

#447e95
```
#447e95 rgb(68,126,149)
```
#4c8da6
```
#4c8da6 rgb(76,141,166)
```
#5899b3
```
#5899b3 rgb(88,153,179)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#7cafc3
```
#7cafc3 rgb(124,175,195)
```
#8db9cb
```
#8db9cb rgb(141,185,203)
```
#9fc4d3
```
#9fc4d3 rgb(159,196,211)
```

Monochromatic Color

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

#6ab8bb
```
#6ab8bb rgb(106,184,187)
```
#6ab2bb
```
#6ab2bb rgb(106,178,187)
```
#6aabbb
```
#6aabbb rgb(106,171,187)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#6a9dbb
```
#6a9dbb rgb(106,157,187)
```
#6a97bb
```
#6a97bb rgb(106,151,187)
```
#6a90bb
```
#6a90bb rgb(106,144,187)
```

Similar Colors

Text with hexadecimal color #6aa4bb

This text has a font color of #6aa4bb.

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

#6aa4bb background color

This paragraph has a background color of #6aa4bb.

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

#6aa4bb border color

This element has a border color of #6aa4bb.

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

CSS codes

.text {color:#6aa4bb;}

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

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

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)
```
#122128
```
#122128 rgb(18,33,40)
```
#182d35
```
#182d35 rgb(24,45,53)
```
#1e3842
```
#1e3842 rgb(30,56,66)
```
#244450
```
#244450 rgb(36,68,80)
```
#2b4f5d
```
#2b4f5d rgb(43,79,93)
```
#315a6b
```
#315a6b rgb(49,90,107)
```
#376678
```
#376678 rgb(55,102,120)
```
#3d7186
```
#3d7186 rgb(61,113,134)
```
#437d93
```
#437d93 rgb(67,125,147)
```
#4988a1
```
#4988a1 rgb(73,136,161)
```
#5093ae
```
#5093ae rgb(80,147,174)
```

Shade Color Variation

#5d9cb5
```
#5d9cb5 rgb(93,156,181)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#77acc1
```
#77acc1 rgb(119,172,193)
```
#85b4c7
```
#85b4c7 rgb(133,180,199)
```
#92bdcd
```
#92bdcd rgb(146,189,205)
```
#a0c5d4
```
#a0c5d4 rgb(160,197,212)
```
#adcdda
```
#adcdda rgb(173,205,218)
```
#bbd5e0
```
#bbd5e0 rgb(187,213,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 #27c1fe is the most saturated one.

#8b969a
```
#8b969a rgb(139,150,154)
```
#8399a2
```
#8399a2 rgb(131,153,162)
```
#7b9daa
```
#7b9daa rgb(123,157,170)
```
#72a0b3
```
#72a0b3 rgb(114,160,179)
```
#6aa4bb
```
#6aa4bb rgb(106,164,187)
```
#62a8c3
```
#62a8c3 rgb(98,168,195)
```
#59abcc
```
#59abcc rgb(89,171,204)
```
#51afd4
```
#51afd4 rgb(81,175,212)
```
#49b2dc
```
#49b2dc rgb(73,178,220)
```
#40b6e5
```
#40b6e5 rgb(64,182,229)
```
#38baed
```
#38baed rgb(56,186,237)
```
#30bdf5
```
#30bdf5 rgb(48,189,245)
```
#27c1fe
```
#27c1fe rgb(39,193,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8c989d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9fb9 Protanopia 1% of men
#9e9ec2 Deuteranopia 1% of men
#6eaab6 Tritanopia 0.001% of the population

Trichromacy

#89a1b9 Protanomaly 1% of men, 0.01% of women
#8ba0bf Deuteranomaly 6% of men, 0.4% of women
#6da7b8 Tritanomaly 0.01% of the population

#6aa4bb hex color

#6aa4bb Color Information

#6aa4bb Color Conversion

Color Schemes with #6aa4bb

Alternatives to #6aa4bb

#6aa4bb Preview

Shades and Tints of #6aa4bb

Tones of #6aa4bb

Color Blindness Simulator