#6b7ab4 hex color

In a RGB color space, hex #6b7ab4 is composed of 42% red, 47.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 32.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 227.7 degrees, a saturation of 32.7% and a lightness of 56.3%. #6b7ab4 color hex could be obtained by blending #d6f4ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 48
- B 71
RGB color chart
- C 41
- M 32
- Y 0
- K 29
CMYK color chart

● #6b7ab4 color description : Slightly desaturated blue.

The hexadecimal color #6b7ab4 has RGB values of R:107, G:122, B:180 and CMYK values of C:0.41, M:0.32, Y:0, K:0.29. Its decimal value is 7043764.

Hex triplet	6b7ab4	`#6b7ab4`
RGB Decimal	107, 122, 180	`rgb(107,122,180)`
RGB Percent	42, 47.8, 70.6	`rgb(42%,47.8%,70.6%)`
CMYK	41, 32, 0, 29
HSL	227.7°, 32.7, 56.3	`hsl(227.7,32.7%,56.3%)`
HSV (or HSB)	227.7°, 40.6, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.219, 9.464, -32.434
XYZ	21.259, 20.34, 45.983
xyY	0.243, 0.232, 20.34
CIE-LCH	52.219, 33.786, 286.267
CIE-LUV	52.219, -9.971, -50.287
Hunter-Lab	45.099, 5.22, -28.883
Binary	01101011, 01111010, 10110100

#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#b4a56b
```
#b4a56b rgb(180,165,107)
```

Complementary Color

#6b9fb4
```
#6b9fb4 rgb(107,159,180)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#816bb4
```
#816bb4 rgb(129,107,180)
```

Analogous Color

#9fb46b
```
#9fb46b rgb(159,180,107)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#b4816b
```
#b4816b rgb(180,129,107)
```

Split Complementary Color

#7ab46b
```
#7ab46b rgb(122,180,107)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#b46b7a
```
#b46b7a rgb(180,107,122)
```

Triadic Color

#6bb4a5
```
#6bb4a5 rgb(107,180,165)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#b46b7a
```
#b46b7a rgb(180,107,122)
```
#b4a56b
```
#b4a56b rgb(180,165,107)
```

Tetradic Color

#47558c
```
#47558c rgb(71,85,140)
```
#4f5f9d
```
#4f5f9d rgb(79,95,157)
```
#5a6bab
```
#5a6bab rgb(90,107,171)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#7c89bd
```
#7c89bd rgb(124,137,189)
```
#8d98c5
```
#8d98c5 rgb(141,152,197)
```
#9ea8ce
```
#9ea8ce rgb(158,168,206)
```

Monochromatic Color

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

#6b8cb4
```
#6b8cb4 rgb(107,140,180)
```
#6b86b4
```
#6b86b4 rgb(107,134,180)
```
#6b80b4
```
#6b80b4 rgb(107,128,180)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#6b74b4
```
#6b74b4 rgb(107,116,180)
```
#6b6eb4
```
#6b6eb4 rgb(107,110,180)
```
#6e6bb4
```
#6e6bb4 rgb(110,107,180)
```

Similar Colors

Text with hexadecimal color #6b7ab4

This text has a font color of #6b7ab4.

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

#6b7ab4 background color

This paragraph has a background color of #6b7ab4.

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

#6b7ab4 border color

This element has a border color of #6b7ab4.

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

CSS codes

.text {color:#6b7ab4;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0d15
```
#0b0d15 rgb(11,13,21)
```
#111522
```
#111522 rgb(17,21,34)
```
#181d2f
```
#181d2f rgb(24,29,47)
```
#1f253c
```
#1f253c rgb(31,37,60)
```
#252d49
```
#252d49 rgb(37,45,73)
```
#2c3456
```
#2c3456 rgb(44,52,86)
```
#323c63
```
#323c63 rgb(50,60,99)
```
#394470
```
#394470 rgb(57,68,112)
```
#404c7d
```
#404c7d rgb(64,76,125)
```
#46548a
```
#46548a rgb(70,84,138)
```
#4d5c97
```
#4d5c97 rgb(77,92,151)
```
#5364a4
```
#5364a4 rgb(83,100,164)
```

Shade Color Variation

#5e6ead
```
#5e6ead rgb(94,110,173)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#7886bb
```
#7886bb rgb(120,134,187)
```
#8591c1
```
#8591c1 rgb(133,145,193)
```
#929dc8
```
#929dc8 rgb(146,157,200)
```
#9fa9ce
```
#9fa9ce rgb(159,169,206)
```
#acb4d5
```
#acb4d5 rgb(172,180,213)
```
#b9c0dc
```
#b9c0dc rgb(185,192,220)
```
#c6cce2
```
#c6cce2 rgb(198,204,226)
```
#d3d8e9
```
#d3d8e9 rgb(211,216,233)
```
#e0e3ef
```
#e0e3ef rgb(224,227,239)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#8d8e92
```
#8d8e92 rgb(141,142,146)
```
#85899a
```
#85899a rgb(133,137,154)
```
#7c84a3
```
#7c84a3 rgb(124,132,163)
```
#747fab
```
#747fab rgb(116,127,171)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#6275bd
```
#6275bd rgb(98,117,189)
```
#5a70c5
```
#5a70c5 rgb(90,112,197)
```
#516bce
```
#516bce rgb(81,107,206)
```
#4966d6
```
#4966d6 rgb(73,102,214)
```
#4061df
```
#4061df rgb(64,97,223)
```
#385ce7
```
#385ce7 rgb(56,92,231)
```
#2f57f0
```
#2f57f0 rgb(47,87,240)
```
#2652f9
```
#2652f9 rgb(38,82,249)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#797c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7081b8 Protanopia 1% of men
#6d82b7 Deuteranopia 1% of men
#668892 Tritanopia 0.001% of the population

Trichromacy

#6e7eb6 Protanomaly 1% of men, 0.01% of women
#6c7fb6 Deuteranomaly 6% of men, 0.4% of women
#68839e Tritanomaly 0.01% of the population

#6b7ab4 hex color

#6b7ab4 Color Information

#6b7ab4 Color Conversion

Color Schemes with #6b7ab4

Alternatives to #6b7ab4

#6b7ab4 Preview

Shades and Tints of #6b7ab4

Tones of #6b7ab4

Color Blindness Simulator