#6b8cd1 hex color

In a RGB color space, hex #6b8cd1 is composed of 42% red, 54.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 33% magenta, 0% yellow and 18% black. It has a hue angle of 220.6 degrees, a saturation of 52.6% and a lightness of 62%. #6b8cd1 color hex could be obtained by blending #d6ffff with #0019a3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 55
- B 82
RGB color chart
- C 49
- M 33
- Y 0
- K 18
CMYK color chart

● #6b8cd1 color description : Slightly desaturated blue.

The hexadecimal color #6b8cd1 has RGB values of R:107, G:140, B:209 and CMYK values of C:0.49, M:0.33, Y:0, K:0.18. Its decimal value is 7048401.

Hex triplet	6b8cd1	`#6b8cd1`
RGB Decimal	107, 140, 209	`rgb(107,140,209)`
RGB Percent	42, 54.9, 82	`rgb(42%,54.9%,82%)`
CMYK	49, 33, 0, 18
HSL	220.6°, 52.6, 62	`hsl(220.6,52.6%,62%)`
HSV (or HSB)	220.6°, 48.8, 82
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.494, 7.377, -39.105
XYZ	26.948, 26.484, 64.01
xyY	0.229, 0.226, 26.484
CIE-LCH	58.494, 39.795, 280.683
CIE-LUV	58.494, -17.432, -62.007
Hunter-Lab	51.463, 3.409, -37.722
Binary	01101011, 10001100, 11010001

#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#d1b06b
```
#d1b06b rgb(209,176,107)
```

Complementary Color

#6bbfd1
```
#6bbfd1 rgb(107,191,209)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#7d6bd1
```
#7d6bd1 rgb(125,107,209)
```

Analogous Color

#bfd16b
```
#bfd16b rgb(191,209,107)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#d17d6b
```
#d17d6b rgb(209,125,107)
```

Split Complementary Color

#8cd16b
```
#8cd16b rgb(140,209,107)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#d16b8c
```
#d16b8c rgb(209,107,140)
```

Triadic Color

#6bd1b0
```
#6bd1b0 rgb(107,209,176)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#d16b8c
```
#d16b8c rgb(209,107,140)
```
#d1b06b
```
#d1b06b rgb(209,176,107)
```

Tetradic Color

#3962b7
```
#3962b7 rgb(57,98,183)
```
#446ec5
```
#446ec5 rgb(68,110,197)
```
#587dcb
```
#587dcb rgb(88,125,203)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#7e9bd7
```
#7e9bd7 rgb(126,155,215)
```
#92aadd
```
#92aadd rgb(146,170,221)
```
#a5b9e3
```
#a5b9e3 rgb(165,185,227)
```

Monochromatic Color

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

#6ba6d1
```
#6ba6d1 rgb(107,166,209)
```
#6b9dd1
```
#6b9dd1 rgb(107,157,209)
```
#6b95d1
```
#6b95d1 rgb(107,149,209)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#6b84d1
```
#6b84d1 rgb(107,132,209)
```
#6b7bd1
```
#6b7bd1 rgb(107,123,209)
```
#6b73d1
```
#6b73d1 rgb(107,115,209)
```

Similar Colors

Text with hexadecimal color #6b8cd1

This text has a font color of #6b8cd1.

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

#6b8cd1 background color

This paragraph has a background color of #6b8cd1.

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

#6b8cd1 border color

This element has a border color of #6b8cd1.

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

CSS codes

.text {color:#6b8cd1;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#0a1120
```
#0a1120 rgb(10,17,32)
```
#0e192f
```
#0e192f rgb(14,25,47)
```
#13213e
```
#13213e rgb(19,33,62)
```
#18294c
```
#18294c rgb(24,41,76)
```
#1c315b
```
#1c315b rgb(28,49,91)
```
#21396a
```
#21396a rgb(33,57,106)
```
#264179
```
#264179 rgb(38,65,121)
```
#2a4988
```
#2a4988 rgb(42,73,136)
```
#2f5197
```
#2f5197 rgb(47,81,151)
```
#3459a6
```
#3459a6 rgb(52,89,166)
```
#3861b5
```
#3861b5 rgb(56,97,181)
```

Shade Color Variation

#3e69c3
```
#3e69c3 rgb(62,105,195)
```
#4d75c8
```
#4d75c8 rgb(77,117,200)
```
#5c80cc
```
#5c80cc rgb(92,128,204)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#7a98d6
```
#7a98d6 rgb(122,152,214)
```
#89a3da
```
#89a3da rgb(137,163,218)
```
#98afdf
```
#98afdf rgb(152,175,223)
```
#a7bbe4
```
#a7bbe4 rgb(167,187,228)
```
#b6c6e8
```
#b6c6e8 rgb(182,198,232)
```
#c5d2ed
```
#c5d2ed rgb(197,210,237)
```
#d4ddf2
```
#d4ddf2 rgb(212,221,242)
```
#e3e9f6
```
#e3e9f6 rgb(227,233,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ca4 is the less saturated color, while #3e7cfe is the most saturated one.

#989ca4
```
#989ca4 rgb(152,156,164)
```
#9099ac
```
#9099ac rgb(144,153,172)
```
#8997b3
```
#8997b3 rgb(137,151,179)
```
#8194bb
```
#8194bb rgb(129,148,187)
```
#7a91c2
```
#7a91c2 rgb(122,145,194)
```
#728fca
```
#728fca rgb(114,143,202)
```
#6b8cd1
```
#6b8cd1 rgb(107,140,209)
```
#6489d8
```
#6489d8 rgb(100,137,216)
```
#5c87e0
```
#5c87e0 rgb(92,135,224)
```
#5584e7
```
#5584e7 rgb(85,132,231)
```
#4d81ef
```
#4d81ef rgb(77,129,239)
```
#467ff6
```
#467ff6 rgb(70,127,246)
```
#3e7cfe
```
#3e7cfe rgb(62,124,254)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#848a98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a90d2 Protanopia 1% of men
#7292d3 Deuteranopia 1% of men
#619ba6 Tritanopia 0.001% of the population

Trichromacy

#748ed1 Protanomaly 1% of men, 0.01% of women
#6f8fd2 Deuteranomaly 6% of men, 0.4% of women
#6495b6 Tritanomaly 0.01% of the population

#6b8cd1 hex color

#6b8cd1 Color Information

#6b8cd1 Color Conversion

Color Schemes with #6b8cd1

Alternatives to #6b8cd1

#6b8cd1 Preview

Shades and Tints of #6b8cd1

Tones of #6b8cd1

Color Blindness Simulator