#6a7ae3 hex color

In a RGB color space, hex #6a7ae3 is composed of 41.6% red, 47.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 46.3% magenta, 0% yellow and 11% black. It has a hue angle of 232.1 degrees, a saturation of 68.4% and a lightness of 65.3%. #6a7ae3 color hex could be obtained by blending #d4f4ff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 48
- B 89
RGB color chart
- C 53
- M 46
- Y 0
- K 11
CMYK color chart

● #6a7ae3 color description : Soft blue.

The hexadecimal color #6a7ae3 has RGB values of R:106, G:122, B:227 and CMYK values of C:0.53, M:0.46, Y:0, K:0.11. Its decimal value is 6978275.

Hex triplet	6a7ae3	`#6a7ae3`
RGB Decimal	106, 122, 227	`rgb(106,122,227)`
RGB Percent	41.6, 47.8, 89	`rgb(41.6%,47.8%,89%)`
CMYK	53, 46, 0, 11
HSL	232.1°, 68.4, 65.3	`hsl(232.1,68.4%,65.3%)`
HSV (or HSB)	232.1°, 53.3, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.583, 23.493, -55.41
XYZ	26.766, 22.528, 75.607
xyY	0.214, 0.18, 22.528
CIE-LCH	54.583, 60.185, 292.977
CIE-LUV	54.583, -11.95, -89.097
Hunter-Lab	47.464, 17.598, -61.22
Binary	01101010, 01111010, 11100011

#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#e3d36a
```
#e3d36a rgb(227,211,106)
```

Complementary Color

#6ab7e3
```
#6ab7e3 rgb(106,183,227)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#976ae3
```
#976ae3 rgb(151,106,227)
```

Analogous Color

#b7e36a
```
#b7e36a rgb(183,227,106)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#e3976a
```
#e3976a rgb(227,151,106)
```

Split Complementary Color

#7ae36a
```
#7ae36a rgb(122,227,106)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#e36a7a
```
#e36a7a rgb(227,106,122)
```

Triadic Color

#6ae3d3
```
#6ae3d3 rgb(106,227,211)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#e36a7a
```
#e36a7a rgb(227,106,122)
```
#e3d36a
```
#e3d36a rgb(227,211,106)
```

Tetradic Color

#2a41d7
```
#2a41d7 rgb(42,65,215)
```
#3f54db
```
#3f54db rgb(63,84,219)
```
#5567df
```
#5567df rgb(85,103,223)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#7f8de7
```
#7f8de7 rgb(127,141,231)
```
#95a0eb
```
#95a0eb rgb(149,160,235)
```
#aab3ef
```
#aab3ef rgb(170,179,239)
```

Monochromatic Color

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

#6a98e3
```
#6a98e3 rgb(106,152,227)
```
#6a8ee3
```
#6a8ee3 rgb(106,142,227)
```
#6a84e3
```
#6a84e3 rgb(106,132,227)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#6a70e3
```
#6a70e3 rgb(106,112,227)
```
#6e6ae3
```
#6e6ae3 rgb(110,106,227)
```
#786ae3
```
#786ae3 rgb(120,106,227)
```

Similar Colors

Text with hexadecimal color #6a7ae3

This text has a font color of #6a7ae3.

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

#6a7ae3 background color

This paragraph has a background color of #6a7ae3.

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

#6a7ae3 border color

This element has a border color of #6a7ae3.

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

CSS codes

.text {color:#6a7ae3;}

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

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

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

#030510
```
#030510 rgb(3,5,16)
```
#060a21
```
#060a21 rgb(6,10,33)
```
#090f31
```
#090f31 rgb(9,15,49)
```
#0c1342
```
#0c1342 rgb(12,19,66)
```
#0f1852
```
#0f1852 rgb(15,24,82)
```
#131d63
```
#131d63 rgb(19,29,99)
```
#162273
```
#162273 rgb(22,34,115)
```
#192784
```
#192784 rgb(25,39,132)
```
#1c2c94
```
#1c2c94 rgb(28,44,148)
```
#1f31a5
```
#1f31a5 rgb(31,49,165)
```
#2236b5
```
#2236b5 rgb(34,54,181)
```
#253ac6
```
#253ac6 rgb(37,58,198)
```
#283fd6
```
#283fd6 rgb(40,63,214)
```

Shade Color Variation

#384eda
```
#384eda rgb(56,78,218)
```
#495ddd
```
#495ddd rgb(73,93,221)
```
#596be0
```
#596be0 rgb(89,107,224)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#7b89e6
```
#7b89e6 rgb(123,137,230)
```
#8b97e9
```
#8b97e9 rgb(139,151,233)
```
#9ca6ec
```
#9ca6ec rgb(156,166,236)
```
#acb5ef
```
#acb5ef rgb(172,181,239)
```
#bdc4f3
```
#bdc4f3 rgb(189,196,243)
```
#cdd2f6
```
#cdd2f6 rgb(205,210,246)
```
#dee1f9
```
#dee1f9 rgb(222,225,249)
```
#eef0fc
```
#eef0fc rgb(238,240,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a2ad is the less saturated color, while #4f66fe is the most saturated one.

#a0a2ad
```
#a0a2ad rgb(160,162,173)
```
#9a9db3
```
#9a9db3 rgb(154,157,179)
```
#9398ba
```
#9398ba rgb(147,152,186)
```
#8c93c1
```
#8c93c1 rgb(140,147,193)
```
#858ec8
```
#858ec8 rgb(133,142,200)
```
#7e89cf
```
#7e89cf rgb(126,137,207)
```
#7884d5
```
#7884d5 rgb(120,132,213)
```
#717fdc
```
#717fdc rgb(113,127,220)
```
#6a7ae3
```
#6a7ae3 rgb(106,122,227)
```
#6375ea
```
#6375ea rgb(99,117,234)
```
#5c70f1
```
#5c70f1 rgb(92,112,241)
```
#566bf7
```
#566bf7 rgb(86,107,247)
```
#4f66fe
```
#4f66fe rgb(79,102,254)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7c8095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5485e8 Protanopia 1% of men
#3c8ae0 Deuteranopia 1% of men
#51929d Tritanopia 0.001% of the population

Trichromacy

#5c81e6 Protanomaly 1% of men, 0.01% of women
#4c84e1 Deuteranomaly 6% of men, 0.4% of women
#5a89b6 Tritanomaly 0.01% of the population

#6a7ae3 hex color

#6a7ae3 Color Information

#6a7ae3 Color Conversion

Color Schemes with #6a7ae3

Alternatives to #6a7ae3

#6a7ae3 Preview

Shades and Tints of #6a7ae3

Tones of #6a7ae3

Color Blindness Simulator