#6a7ba8 hex color

In a RGB color space, hex #6a7ba8 is composed of 41.6% red, 48.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 36.9% cyan, 26.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 223.5 degrees, a saturation of 26.3% and a lightness of 53.7%. #6a7ba8 color hex could be obtained by blending #d4f6ff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 42
- G 48
- B 66
RGB color chart
- C 37
- M 27
- Y 0
- K 34
CMYK color chart

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

The hexadecimal color #6a7ba8 has RGB values of R:106, G:123, B:168 and CMYK values of C:0.37, M:0.27, Y:0, K:0.34. Its decimal value is 6978472.

Hex triplet	6a7ba8	`#6a7ba8`
RGB Decimal	106, 123, 168	`rgb(106,123,168)`
RGB Percent	41.6, 48.2, 65.9	`rgb(41.6%,48.2%,65.9%)`
CMYK	37, 27, 0, 34
HSL	223.5°, 26.3, 53.7	`hsl(223.5,26.3%,53.7%)`
HSV (or HSB)	223.5°, 36.9, 65.9
Web Safe	666699	`#666699`

CIE-LAB	51.901, 5.179, -25.997
XYZ	20.093, 20.057, 39.856
xyY	0.251, 0.251, 20.057
CIE-LCH	51.901, 26.508, 281.266
CIE-LUV	51.901, -10.381, -39.514
Hunter-Lab	44.785, 1.713, -21.416
Binary	01101010, 01111011, 10101000

#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#a8976a
```
#a8976a rgb(168,151,106)
```

Complementary Color

#6a9aa8
```
#6a9aa8 rgb(106,154,168)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#786aa8
```
#786aa8 rgb(120,106,168)
```

Analogous Color

#9aa86a
```
#9aa86a rgb(154,168,106)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#a8786a
```
#a8786a rgb(168,120,106)
```

Split Complementary Color

#7ba86a
```
#7ba86a rgb(123,168,106)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#a86a7b
```
#a86a7b rgb(168,106,123)
```

Triadic Color

#6aa897
```
#6aa897 rgb(106,168,151)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#a86a7b
```
#a86a7b rgb(168,106,123)
```
#a8976a
```
#a8976a rgb(168,151,106)
```

Tetradic Color

#49577d
```
#49577d rgb(73,87,125)
```
#52628d
```
#52628d rgb(82,98,141)
```
#5c6e9d
```
#5c6e9d rgb(92,110,157)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#7a89b1
```
#7a89b1 rgb(122,137,177)
```
#8a98bb
```
#8a98bb rgb(138,152,187)
```
#9aa6c4
```
#9aa6c4 rgb(154,166,196)
```

Monochromatic Color

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

#6a8ba8
```
#6a8ba8 rgb(106,139,168)
```
#6a85a8
```
#6a85a8 rgb(106,133,168)
```
#6a80a8
```
#6a80a8 rgb(106,128,168)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#6a76a8
```
#6a76a8 rgb(106,118,168)
```
#6a71a8
```
#6a71a8 rgb(106,113,168)
```
#6a6ca8
```
#6a6ca8 rgb(106,108,168)
```

Similar Colors

Text with hexadecimal color #6a7ba8

This text has a font color of #6a7ba8.

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

#6a7ba8 background color

This paragraph has a background color of #6a7ba8.

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

#6a7ba8 border color

This element has a border color of #6a7ba8.

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

CSS codes

.text {color:#6a7ba8;}

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

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

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

#07080c
```
#07080c rgb(7,8,12)
```
#0e1118
```
#0e1118 rgb(14,17,24)
```
#151a25
```
#151a25 rgb(21,26,37)
```
#1d2231
```
#1d2231 rgb(29,34,49)
```
#242b3e
```
#242b3e rgb(36,43,62)
```
#2b344a
```
#2b344a rgb(43,52,74)
```
#323c56
```
#323c56 rgb(50,60,86)
```
#3a4563
```
#3a4563 rgb(58,69,99)
```
#414e6f
```
#414e6f rgb(65,78,111)
```
#48567b
```
#48567b rgb(72,86,123)
```
#4f5f88
```
#4f5f88 rgb(79,95,136)
```
#576794
```
#576794 rgb(87,103,148)
```
#5e70a1
```
#5e70a1 rgb(94,112,161)
```

Shade Color Variation

#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#7686af
```
#7686af rgb(118,134,175)
```
#8391b6
```
#8391b6 rgb(131,145,182)
```
#8f9cbe
```
#8f9cbe rgb(143,156,190)
```
#9ca7c5
```
#9ca7c5 rgb(156,167,197)
```
#a8b2cc
```
#a8b2cc rgb(168,178,204)
```
#b4bdd3
```
#b4bdd3 rgb(180,189,211)
```
#c1c8db
```
#c1c8db rgb(193,200,219)
```
#cdd3e2
```
#cdd3e2 rgb(205,211,226)
```
#d9dee9
```
#d9dee9 rgb(217,222,233)
```
#e6e9f0
```
#e6e9f0 rgb(230,233,240)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85878d is the less saturated color, while #1856fa is the most saturated one.

#85878d
```
#85878d rgb(133,135,141)
```
#7c8396
```
#7c8396 rgb(124,131,150)
```
#737f9f
```
#737f9f rgb(115,127,159)
```
#6a7ba8
```
#6a7ba8 rgb(106,123,168)
```
#6177b1
```
#6177b1 rgb(97,119,177)
```
#5873ba
```
#5873ba rgb(88,115,186)
```
#4f6fc3
```
#4f6fc3 rgb(79,111,195)
```
#466bcc
```
#466bcc rgb(70,107,204)
```
#3d67d5
```
#3d67d5 rgb(61,103,213)
```
#3462de
```
#3462de rgb(52,98,222)
```
#2a5ee8
```
#2a5ee8 rgb(42,94,232)
```
#215af1
```
#215af1 rgb(33,90,241)
```
#1856fa
```
#1856fa rgb(24,86,250)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#787b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7581ab Protanopia 1% of men
#7580ac Deuteranopia 1% of men
#698791 Tritanopia 0.001% of the population

Trichromacy

#717eaa Protanomaly 1% of men, 0.01% of women
#717eab Deuteranomaly 6% of men, 0.4% of women
#698299 Tritanomaly 0.01% of the population

#6a7ba8 hex color

#6a7ba8 Color Information

#6a7ba8 Color Conversion

Color Schemes with #6a7ba8

Alternatives to #6a7ba8

#6a7ba8 Preview

Shades and Tints of #6a7ba8

Tones of #6a7ba8

Color Blindness Simulator