#6b7ed8 hex color

In a RGB color space, hex #6b7ed8 is composed of 42% red, 49.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 41.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 229.5 degrees, a saturation of 58.3% and a lightness of 63.3%. #6b7ed8 color hex could be obtained by blending #d6fcff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 49
- B 85
RGB color chart
- C 50
- M 42
- Y 0
- K 15
CMYK color chart

● #6b7ed8 color description : Moderate blue.

The hexadecimal color #6b7ed8 has RGB values of R:107, G:126, B:216 and CMYK values of C:0.5, M:0.42, Y:0, K:0.15. Its decimal value is 7044824.

Hex triplet	6b7ed8	`#6b7ed8`
RGB Decimal	107, 126, 216	`rgb(107,126,216)`
RGB Percent	42, 49.4, 84.7	`rgb(42%,49.4%,84.7%)`
CMYK	50, 42, 0, 15
HSL	229.5°, 58.3, 63.3	`hsl(229.5,58.3%,63.3%)`
HSV (or HSB)	229.5°, 50.5, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.077, 17.861, -48.439
XYZ	25.916, 23.004, 68.037
xyY	0.222, 0.197, 23.004
CIE-LCH	55.077, 51.627, 290.241
CIE-LUV	55.077, -12.588, -77.561
Hunter-Lab	47.963, 12.516, -50.531
Binary	01101011, 01111110, 11011000

#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#d8c56b
```
#d8c56b rgb(216,197,107)
```

Complementary Color

#6bb5d8
```
#6bb5d8 rgb(107,181,216)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#8f6bd8
```
#8f6bd8 rgb(143,107,216)
```

Analogous Color

#b5d86b
```
#b5d86b rgb(181,216,107)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#d88f6b
```
#d88f6b rgb(216,143,107)
```

Split Complementary Color

#7ed86b
```
#7ed86b rgb(126,216,107)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#d86b7e
```
#d86b7e rgb(216,107,126)
```

Triadic Color

#6bd8c5
```
#6bd8c5 rgb(107,216,197)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#d86b7e
```
#d86b7e rgb(216,107,126)
```
#d8c56b
```
#d8c56b rgb(216,197,107)
```

Tetradic Color

#334cc3
```
#334cc3 rgb(51,76,195)
```
#435bcd
```
#435bcd rgb(67,91,205)
```
#576cd3
```
#576cd3 rgb(87,108,211)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#7f90dd
```
#7f90dd rgb(127,144,221)
```
#93a1e3
```
#93a1e3 rgb(147,161,227)
```
#a8b3e8
```
#a8b3e8 rgb(168,179,232)
```

Monochromatic Color

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

#6b99d8
```
#6b99d8 rgb(107,153,216)
```
#6b90d8
```
#6b90d8 rgb(107,144,216)
```
#6b87d8
```
#6b87d8 rgb(107,135,216)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#6b75d8
```
#6b75d8 rgb(107,117,216)
```
#6b6cd8
```
#6b6cd8 rgb(107,108,216)
```
#736bd8
```
#736bd8 rgb(115,107,216)
```

Similar Colors

Text with hexadecimal color #6b7ed8

This text has a font color of #6b7ed8.

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

#6b7ed8 background color

This paragraph has a background color of #6b7ed8.

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

#6b7ed8 border color

This element has a border color of #6b7ed8.

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

CSS codes

.text {color:#6b7ed8;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060917
```
#060917 rgb(6,9,23)
```
#0a0f26
```
#0a0f26 rgb(10,15,38)
```
#0e1536
```
#0e1536 rgb(14,21,54)
```
#121b45
```
#121b45 rgb(18,27,69)
```
#162155
```
#162155 rgb(22,33,85)
```
#1a2764
```
#1a2764 rgb(26,39,100)
```
#1f2d74
```
#1f2d74 rgb(31,45,116)
```
#233483
```
#233483 rgb(35,52,131)
```
#273a93
```
#273a93 rgb(39,58,147)
```
#2b40a2
```
#2b40a2 rgb(43,64,162)
```
#2f46b2
```
#2f46b2 rgb(47,70,178)
```
#334cc2
```
#334cc2 rgb(51,76,194)
```

Shade Color Variation

#3c55cc
```
#3c55cc rgb(60,85,204)
```
#4c63d0
```
#4c63d0 rgb(76,99,208)
```
#5b70d4
```
#5b70d4 rgb(91,112,212)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#7b8cdc
```
#7b8cdc rgb(123,140,220)
```
#8a99e0
```
#8a99e0 rgb(138,153,224)
```
#9aa7e4
```
#9aa7e4 rgb(154,167,228)
```
#a9b4e8
```
#a9b4e8 rgb(169,180,232)
```
#b9c2ec
```
#b9c2ec rgb(185,194,236)
```
#c8cff1
```
#c8cff1 rgb(200,207,241)
```
#d8ddf5
```
#d8ddf5 rgb(216,221,245)
```
#e7eaf9
```
#e7eaf9 rgb(231,234,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9fa6 is the less saturated color, while #4767fc is the most saturated one.

#9d9fa6
```
#9d9fa6 rgb(157,159,166)
```
#969aad
```
#969aad rgb(150,154,173)
```
#8f95b4
```
#8f95b4 rgb(143,149,180)
```
#8891bb
```
#8891bb rgb(136,145,187)
```
#818cc2
```
#818cc2 rgb(129,140,194)
```
#7987ca
```
#7987ca rgb(121,135,202)
```
#7283d1
```
#7283d1 rgb(114,131,209)
```
#6b7ed8
```
#6b7ed8 rgb(107,126,216)
```
#6479df
```
#6479df rgb(100,121,223)
```
#5d75e6
```
#5d75e6 rgb(93,117,230)
```
#5570ee
```
#5570ee rgb(85,112,238)
```
#4e6bf5
```
#4e6bf5 rgb(78,107,245)
```
#4767fc
```
#4767fc rgb(71,103,252)
```

Tone Color Variation

Below, you can see how #6b7ed8 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
#7e8294 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6387dc Protanopia 1% of men
#558ad7 Deuteranopia 1% of men
#59929d Tritanopia 0.001% of the population

Trichromacy

#6684da Protanomaly 1% of men, 0.01% of women
#5d86d7 Deuteranomaly 6% of men, 0.4% of women
#608bb2 Tritanomaly 0.01% of the population

#6b7ed8 hex color

#6b7ed8 Color Information

#6b7ed8 Color Conversion

Color Schemes with #6b7ed8

Alternatives to #6b7ed8

#6b7ed8 Preview

Shades and Tints of #6b7ed8

Tones of #6b7ed8

Color Blindness Simulator