#6a8ba4 hex color

In a RGB color space, hex #6a8ba4 is composed of 41.6% red, 54.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 15.2% magenta, 0% yellow and 35.7% black. It has a hue angle of 205.9 degrees, a saturation of 24.2% and a lightness of 52.9%. #6a8ba4 color hex could be obtained by blending #d4ffff with #001749. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 55
- B 64
RGB color chart
- C 35
- M 15
- Y 0
- K 36
CMYK color chart

● #6a8ba4 color description : Mostly desaturated dark blue.

The hexadecimal color #6a8ba4 has RGB values of R:106, G:139, B:164 and CMYK values of C:0.35, M:0.15, Y:0, K:0.36. Its decimal value is 6982564.

Hex triplet	6a8ba4	`#6a8ba4`
RGB Decimal	106, 139, 164	`rgb(106,139,164)`
RGB Percent	41.6, 54.5, 64.3	`rgb(41.6%,54.5%,64.3%)`
CMYK	35, 15, 0, 36
HSL	205.9°, 24.2, 52.9	`hsl(205.9,24.2%,52.9%)`
HSV (or HSB)	205.9°, 35.4, 64.3
Web Safe	669999	`#669999`

CIE-LAB	56.296, -5.206, -16.949
XYZ	21.876, 24.209, 38.64
xyY	0.258, 0.286, 24.209
CIE-LCH	56.296, 17.73, 252.925
CIE-LUV	56.296, -16.949, -24.433
Hunter-Lab	49.203, -6.742, -12.12
Binary	01101010, 10001011, 10100100

#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#a4836a
```
#a4836a rgb(164,131,106)
```

Complementary Color

#6aa4a0
```
#6aa4a0 rgb(106,164,160)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#6a6ea4
```
#6a6ea4 rgb(106,110,164)
```

Analogous Color

#a4a06a
```
#a4a06a rgb(164,160,106)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#a46a6e
```
#a46a6e rgb(164,106,110)
```

Split Complementary Color

#8ba46a
```
#8ba46a rgb(139,164,106)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#a46a8b
```
#a46a8b rgb(164,106,139)
```

Triadic Color

#6aa483
```
#6aa483 rgb(106,164,131)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#a46a8b
```
#a46a8b rgb(164,106,139)
```
#a4836a
```
#a4836a rgb(164,131,106)
```

Tetradic Color

#496478
```
#496478 rgb(73,100,120)
```
#537188
```
#537188 rgb(83,113,136)
```
#5d7e98
```
#5d7e98 rgb(93,126,152)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#7a97ae
```
#7a97ae rgb(122,151,174)
```
#8aa4b7
```
#8aa4b7 rgb(138,164,183)
```
#99b0c1
```
#99b0c1 rgb(153,176,193)
```

Monochromatic Color

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

#6a9aa4
```
#6a9aa4 rgb(106,154,164)
```
#6a95a4
```
#6a95a4 rgb(106,149,164)
```
#6a90a4
```
#6a90a4 rgb(106,144,164)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#6a86a4
```
#6a86a4 rgb(106,134,164)
```
#6a81a4
```
#6a81a4 rgb(106,129,164)
```
#6a7da4
```
#6a7da4 rgb(106,125,164)
```

Similar Colors

Text with hexadecimal color #6a8ba4

This text has a font color of #6a8ba4.

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

#6a8ba4 background color

This paragraph has a background color of #6a8ba4.

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

#6a8ba4 border color

This element has a border color of #6a8ba4.

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

CSS codes

.text {color:#6a8ba4;}

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

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

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, #060809 is the darkest color, while #fcfdfd is the lightest one.

#060809
```
#060809 rgb(6,8,9)
```
#0d1215
```
#0d1215 rgb(13,18,21)
```
#151c22
```
#151c22 rgb(21,28,34)
```
#1c262e
```
#1c262e rgb(28,38,46)
```
#23303a
```
#23303a rgb(35,48,58)
```
#2b3a46
```
#2b3a46 rgb(43,58,70)
```
#324552
```
#324552 rgb(50,69,82)
```
#3a4f5f
```
#3a4f5f rgb(58,79,95)
```
#41596b
```
#41596b rgb(65,89,107)
```
#496377
```
#496377 rgb(73,99,119)
```
#506d83
```
#506d83 rgb(80,109,131)
```
#58778f
```
#58778f rgb(88,119,143)
```
#5f819b
```
#5f819b rgb(95,129,155)
```

Shade Color Variation

#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#7694ab
```
#7694ab rgb(118,148,171)
```
#829eb3
```
#829eb3 rgb(130,158,179)
```
#8fa7ba
```
#8fa7ba rgb(143,167,186)
```
#9bb1c2
```
#9bb1c2 rgb(155,177,194)
```
#a7bac9
```
#a7bac9 rgb(167,186,201)
```
#b3c4d1
```
#b3c4d1 rgb(179,196,209)
```
#bfcdd8
```
#bfcdd8 rgb(191,205,216)
```
#cbd7e0
```
#cbd7e0 rgb(203,215,224)
```
#d8e0e7
```
#d8e0e7 rgb(216,224,231)
```
#e4eaee
```
#e4eaee rgb(228,234,238)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868788 is the less saturated color, while #1796f7 is the most saturated one.

#868788
```
#868788 rgb(134,135,136)
```
#7c8892
```
#7c8892 rgb(124,136,146)
```
#738a9b
```
#738a9b rgb(115,138,155)
```
#6a8ba4
```
#6a8ba4 rgb(106,139,164)
```
#618cad
```
#618cad rgb(97,140,173)
```
#588eb6
```
#588eb6 rgb(88,142,182)
```
#4e8fc0
```
#4e8fc0 rgb(78,143,192)
```
#4590c9
```
#4590c9 rgb(69,144,201)
```
#3c91d2
```
#3c91d2 rgb(60,145,210)
```
#3393db
```
#3393db rgb(51,147,219)
```
#2994e5
```
#2994e5 rgb(41,148,229)
```
#2095ee
```
#2095ee rgb(32,149,238)
```
#1796f7
```
#1796f7 rgb(23,150,247)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7f858a Atypical Achromatopsia 0.001% of the population

Dichromacy

#878ca5 Protanopia 1% of men
#8a8aab Deuteranopia 1% of men
#6e939d Tritanopia 0.001% of the population

Trichromacy

#7c8ba5 Protanomaly 1% of men, 0.01% of women
#7e8aa8 Deuteranomaly 6% of men, 0.4% of women
#6c909f Tritanomaly 0.01% of the population

#6a8ba4 hex color

#6a8ba4 Color Information

#6a8ba4 Color Conversion

Color Schemes with #6a8ba4

Alternatives to #6a8ba4

#6a8ba4 Preview

Shades and Tints of #6a8ba4

Tones of #6a8ba4

Color Blindness Simulator