#6a7ed9 hex color

In a RGB color space, hex #6a7ed9 is composed of 41.6% red, 49.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 41.9% magenta, 0% yellow and 14.9% black. It has a hue angle of 229.2 degrees, a saturation of 59.4% and a lightness of 63.3%. #6a7ed9 color hex could be obtained by blending #d4fcff with #0000b3. Closest websafe color is: #6666cc.

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

● #6a7ed9 color description : Soft blue.

The hexadecimal color #6a7ed9 has RGB values of R:106, G:126, B:217 and CMYK values of C:0.51, M:0.42, Y:0, K:0.15. Its decimal value is 6979289.

Hex triplet	6a7ed9	`#6a7ed9`
RGB Decimal	106, 126, 217	`rgb(106,126,217)`
RGB Percent	41.6, 49.4, 85.1	`rgb(41.6%,49.4%,85.1%)`
CMYK	51, 42, 0, 15
HSL	229.2°, 59.4, 63.3	`hsl(229.2,59.4%,63.3%)`
HSV (or HSB)	229.2°, 51.2, 85.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.067, 17.947, -49.022
XYZ	25.927, 22.995, 68.714
xyY	0.22, 0.195, 22.995
CIE-LCH	55.067, 52.203, 290.108
CIE-LUV	55.067, -12.959, -78.503
Hunter-Lab	47.953, 12.592, -51.393
Binary	01101010, 01111110, 11011001

#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#d9c56a
```
#d9c56a rgb(217,197,106)
```

Complementary Color

#6ab6d9
```
#6ab6d9 rgb(106,182,217)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#8e6ad9
```
#8e6ad9 rgb(142,106,217)
```

Analogous Color

#b6d96a
```
#b6d96a rgb(182,217,106)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#d98e6a
```
#d98e6a rgb(217,142,106)
```

Split Complementary Color

#7ed96a
```
#7ed96a rgb(126,217,106)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#d96a7e
```
#d96a7e rgb(217,106,126)
```

Triadic Color

#6ad9c5
```
#6ad9c5 rgb(106,217,197)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#d96a7e
```
#d96a7e rgb(217,106,126)
```
#d9c56a
```
#d9c56a rgb(217,197,106)
```

Tetradic Color

#324cc4
```
#324cc4 rgb(50,76,196)
```
#415bcf
```
#415bcf rgb(65,91,207)
```
#566cd4
```
#566cd4 rgb(86,108,212)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#7e90de
```
#7e90de rgb(126,144,222)
```
#93a1e3
```
#93a1e3 rgb(147,161,227)
```
#a7b3e9
```
#a7b3e9 rgb(167,179,233)
```

Monochromatic Color

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

#6a9ad9
```
#6a9ad9 rgb(106,154,217)
```
#6a91d9
```
#6a91d9 rgb(106,145,217)
```
#6a87d9
```
#6a87d9 rgb(106,135,217)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#6a75d9
```
#6a75d9 rgb(106,117,217)
```
#6a6cd9
```
#6a6cd9 rgb(106,108,217)
```
#726ad9
```
#726ad9 rgb(114,106,217)
```

Similar Colors

Text with hexadecimal color #6a7ed9

This text has a font color of #6a7ed9.

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

#6a7ed9 background color

This paragraph has a background color of #6a7ed9.

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

#6a7ed9 border color

This element has a border color of #6a7ed9.

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

CSS codes

.text {color:#6a7ed9;}

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

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

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)
```
#0a0f27
```
#0a0f27 rgb(10,15,39)
```
#0e1536
```
#0e1536 rgb(14,21,54)
```
#121b46
```
#121b46 rgb(18,27,70)
```
#162155
```
#162155 rgb(22,33,85)
```
#1a2765
```
#1a2765 rgb(26,39,101)
```
#1e2d75
```
#1e2d75 rgb(30,45,117)
```
#223484
```
#223484 rgb(34,52,132)
```
#263a94
```
#263a94 rgb(38,58,148)
```
#2a40a4
```
#2a40a4 rgb(42,64,164)
```
#2e46b3
```
#2e46b3 rgb(46,70,179)
```
#324cc3
```
#324cc3 rgb(50,76,195)
```

Shade Color Variation

#3b55cd
```
#3b55cd rgb(59,85,205)
```
#4b63d1
```
#4b63d1 rgb(75,99,209)
```
#5a70d5
```
#5a70d5 rgb(90,112,213)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#7a8cdd
```
#7a8cdd rgb(122,140,221)
```
#8999e1
```
#8999e1 rgb(137,153,225)
```
#99a7e5
```
#99a7e5 rgb(153,167,229)
```
#a9b4e9
```
#a9b4e9 rgb(169,180,233)
```
#b8c2ed
```
#b8c2ed rgb(184,194,237)
```
#c8cff1
```
#c8cff1 rgb(200,207,241)
```
#d7ddf5
```
#d7ddf5 rgb(215,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, #9c9ea7 is the less saturated color, while #4667fd is the most saturated one.

#9c9ea7
```
#9c9ea7 rgb(156,158,167)
```
#959aae
```
#959aae rgb(149,154,174)
```
#8e95b5
```
#8e95b5 rgb(142,149,181)
```
#8790bc
```
#8790bc rgb(135,144,188)
```
#808cc3
```
#808cc3 rgb(128,140,195)
```
#7887cb
```
#7887cb rgb(120,135,203)
```
#7183d2
```
#7183d2 rgb(113,131,210)
```
#6a7ed9
```
#6a7ed9 rgb(106,126,217)
```
#6379e0
```
#6379e0 rgb(99,121,224)
```
#5c75e7
```
#5c75e7 rgb(92,117,231)
```
#5470ef
```
#5470ef rgb(84,112,239)
```
#4d6cf6
```
#4d6cf6 rgb(77,108,246)
```
#4667fd
```
#4667fd rgb(70,103,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7d8193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6387dd Protanopia 1% of men
#538ad8 Deuteranopia 1% of men
#57929d Tritanopia 0.001% of the population

Trichromacy

#6584db Protanomaly 1% of men, 0.01% of women
#5b86d8 Deuteranomaly 6% of men, 0.4% of women
#5e8bb3 Tritanomaly 0.01% of the population

#6a7ed9 hex color

#6a7ed9 Color Information

#6a7ed9 Color Conversion

Color Schemes with #6a7ed9

Alternatives to #6a7ed9

#6a7ed9 Preview

Shades and Tints of #6a7ed9

Tones of #6a7ed9

Color Blindness Simulator