colorhexa.com

#6b84bd hex color

In a RGB color space, hex #6b84bd is composed of 42% red, 51.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 30.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 221.7 degrees, a saturation of 38.3% and a lightness of 58%. #6b84bd color hex could be obtained by blending #d6ffff with #00097b. Closest websafe color is: #6699cc.

- R 42
- G 52
- B 74
RGB color chart
- C 43
- M 30
- Y 0
- K 26
CMYK color chart

● #6b84bd color description : Slightly desaturated blue.

The hexadecimal color #6b84bd has RGB values of R:107, G:132, B:189 and CMYK values of C:0.43, M:0.3, Y:0, K:0.26. Its decimal value is 7046333.

Hex triplet	6b84bd	`#6b84bd`
RGB Decimal	107, 132, 189	`rgb(107,132,189)`
RGB Percent	42, 51.8, 74.1	`rgb(42%,51.8%,74.1%)`
CMYK	43, 30, 0, 26
HSL	221.7°, 38.3, 58	`hsl(221.7,38.3%,58%)`
HSV (or HSB)	221.7°, 43.4, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.382, 6.131, -32.656
XYZ	23.498, 23.302, 51.401
xyY	0.239, 0.237, 23.302
CIE-LCH	55.382, 33.227, 280.633
CIE-LUV	55.382, -14.084, -50.805
Hunter-Lab	48.272, 2.416, -29.343
Binary	01101011, 10000100, 10111101

#6b84bd
```
#6b84bd rgb(107,132,189)
```
#bda46b
```
#bda46b rgb(189,164,107)
```

Complementary Color

#6badbd
```
#6badbd rgb(107,173,189)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#7b6bbd
```
#7b6bbd rgb(123,107,189)
```

Analogous Color

#adbd6b
```
#adbd6b rgb(173,189,107)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#bd7b6b
```
#bd7b6b rgb(189,123,107)
```

Split Complementary Color

#84bd6b
```
#84bd6b rgb(132,189,107)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#bd6b84
```
#bd6b84 rgb(189,107,132)
```

Triadic Color

#6bbda4
```
#6bbda4 rgb(107,189,164)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#bd6b84
```
#bd6b84 rgb(189,107,132)
```
#bda46b
```
#bda46b rgb(189,164,107)
```

Tetradic Color

#445d98
```
#445d98 rgb(68,93,152)
```
#4c68a9
```
#4c68a9 rgb(76,104,169)
```
#5975b5
```
#5975b5 rgb(89,117,181)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#7d93c5
```
#7d93c5 rgb(125,147,197)
```
#8ea1cd
```
#8ea1cd rgb(142,161,205)
```
#a0b0d5
```
#a0b0d5 rgb(160,176,213)
```

Monochromatic Color

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

#6b99bd
```
#6b99bd rgb(107,153,189)
```
#6b92bd
```
#6b92bd rgb(107,146,189)
```
#6b8bbd
```
#6b8bbd rgb(107,139,189)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#6b7dbd
```
#6b7dbd rgb(107,125,189)
```
#6b76bd
```
#6b76bd rgb(107,118,189)
```
#6b70bd
```
#6b70bd rgb(107,112,189)
```

Similar Colors

Text with hexadecimal color #6b84bd

This text has a font color of #6b84bd.

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

#6b84bd background color

This paragraph has a background color of #6b84bd.

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

#6b84bd border color

This element has a border color of #6b84bd.

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

CSS codes

.text {color:#6b84bd;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#07090f
```
#07090f rgb(7,9,15)
```
#0d111c
```
#0d111c rgb(13,17,28)
```
#131a2a
```
#131a2a rgb(19,26,42)
```
#192237
```
#192237 rgb(25,34,55)
```
#1f2a45
```
#1f2a45 rgb(31,42,69)
```
#253353
```
#253353 rgb(37,51,83)
```
#2b3b60
```
#2b3b60 rgb(43,59,96)
```
#31436e
```
#31436e rgb(49,67,110)
```
#374c7b
```
#374c7b rgb(55,76,123)
```
#3d5489
```
#3d5489 rgb(61,84,137)
```
#435d96
```
#435d96 rgb(67,93,150)
```
#4965a4
```
#4965a4 rgb(73,101,164)
```

Shade Color Variation

#506db1
```
#506db1 rgb(80,109,177)
```
#5d79b7
```
#5d79b7 rgb(93,121,183)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#798fc3
```
#798fc3 rgb(121,143,195)
```
#869bc9
```
#869bc9 rgb(134,155,201)
```
#94a6cf
```
#94a6cf rgb(148,166,207)
```
#a1b1d5
```
#a1b1d5 rgb(161,177,213)
```
#afbcdb
```
#afbcdb rgb(175,188,219)
```
#bcc8e1
```
#bcc8e1 rgb(188,200,225)
```
#cad3e7
```
#cad3e7 rgb(202,211,231)
```
#d8deed
```
#d8deed rgb(216,222,237)
```
#e5e9f3
```
#e5e9f3 rgb(229,233,243)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#8c919c
```
#8c919c rgb(140,145,156)
```
#848ea4
```
#848ea4 rgb(132,142,164)
```
#7b8aad
```
#7b8aad rgb(123,138,173)
```
#7387b5
```
#7387b5 rgb(115,135,181)
```
#6b84bd
```
#6b84bd rgb(107,132,189)
```
#6381c5
```
#6381c5 rgb(99,129,197)
```
#5b7ecd
```
#5b7ecd rgb(91,126,205)
```
#527ad6
```
#527ad6 rgb(82,122,214)
```
#4a77de
```
#4a77de rgb(74,119,222)
```
#4274e6
```
#4274e6 rgb(66,116,230)
```
#3a71ee
```
#3a71ee rgb(58,113,238)
```
#316ef7
```
#316ef7 rgb(49,110,247)
```
#296aff
```
#296aff rgb(41,106,255)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7e838f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7889bf Protanopia 1% of men
#7489c0 Deuteranopia 1% of men
#66919c Tritanopia 0.001% of the population

Trichromacy

#7387be Protanomaly 1% of men, 0.01% of women
#7187bf Deuteranomaly 6% of men, 0.4% of women
#688ca8 Tritanomaly 0.01% of the population