#6a7de3 hex color

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

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

● #6a7de3 color description : Soft blue.

The hexadecimal color #6a7de3 has RGB values of R:106, G:125, B:227 and CMYK values of C:0.53, M:0.45, Y:0, K:0.11. Its decimal value is 6979043.

Hex triplet	6a7de3	`#6a7de3`
RGB Decimal	106, 125, 227	`rgb(106,125,227)`
RGB Percent	41.6, 49, 89	`rgb(41.6%,49%,89%)`
CMYK	53, 45, 0, 11
HSL	230.6°, 68.4, 65.3	`hsl(230.6,68.4%,65.3%)`
HSV (or HSB)	230.6°, 53.3, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.356, 21.682, -54.175
XYZ	27.14, 23.276, 75.731
xyY	0.215, 0.185, 23.276
CIE-LCH	55.356, 58.353, 291.812
CIE-LUV	55.356, -12.918, -87.222
Hunter-Lab	48.246, 15.983, -59.296
Binary	01101010, 01111101, 11100011

#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#e3d06a
```
#e3d06a rgb(227,208,106)
```

Complementary Color

#6abae3
```
#6abae3 rgb(106,186,227)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#946ae3
```
#946ae3 rgb(148,106,227)
```

Analogous Color

#bae36a
```
#bae36a rgb(186,227,106)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#e3946a
```
#e3946a rgb(227,148,106)
```

Split Complementary Color

#7de36a
```
#7de36a rgb(125,227,106)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#e36a7d
```
#e36a7d rgb(227,106,125)
```

Triadic Color

#6ae3d0
```
#6ae3d0 rgb(106,227,208)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#e36a7d
```
#e36a7d rgb(227,106,125)
```
#e3d06a
```
#e3d06a rgb(227,208,106)
```

Tetradic Color

#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#3f58db
```
#3f58db rgb(63,88,219)
```
#556adf
```
#556adf rgb(85,106,223)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#7f90e7
```
#7f90e7 rgb(127,144,231)
```
#95a2eb
```
#95a2eb rgb(149,162,235)
```
#aab5ef
```
#aab5ef rgb(170,181,239)
```

Monochromatic Color

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

#6a9be3
```
#6a9be3 rgb(106,155,227)
```
#6a91e3
```
#6a91e3 rgb(106,145,227)
```
#6a87e3
```
#6a87e3 rgb(106,135,227)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#6a73e3
```
#6a73e3 rgb(106,115,227)
```
#6b6ae3
```
#6b6ae3 rgb(107,106,227)
```
#756ae3
```
#756ae3 rgb(117,106,227)
```

Similar Colors

Text with hexadecimal color #6a7de3

This text has a font color of #6a7de3.

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

#6a7de3 background color

This paragraph has a background color of #6a7de3.

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

#6a7de3 border color

This element has a border color of #6a7de3.

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

CSS codes

.text {color:#6a7de3;}

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

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

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)
```
#091031
```
#091031 rgb(9,16,49)
```
#0c1542
```
#0c1542 rgb(12,21,66)
```
#0f1a52
```
#0f1a52 rgb(15,26,82)
```
#131f63
```
#131f63 rgb(19,31,99)
```
#162473
```
#162473 rgb(22,36,115)
```
#192a84
```
#192a84 rgb(25,42,132)
```
#1c2f94
```
#1c2f94 rgb(28,47,148)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#2239b5
```
#2239b5 rgb(34,57,181)
```
#253ec6
```
#253ec6 rgb(37,62,198)
```
#2844d6
```
#2844d6 rgb(40,68,214)
```

Shade Color Variation

#3852da
```
#3852da rgb(56,82,218)
```
#4960dd
```
#4960dd rgb(73,96,221)
```
#596fe0
```
#596fe0 rgb(89,111,224)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#7b8be6
```
#7b8be6 rgb(123,139,230)
```
#8b9ae9
```
#8b9ae9 rgb(139,154,233)
```
#9ca8ec
```
#9ca8ec rgb(156,168,236)
```
#acb7ef
```
#acb7ef rgb(172,183,239)
```
#bdc5f3
```
#bdc5f3 rgb(189,197,243)
```
#cdd3f6
```
#cdd3f6 rgb(205,211,246)
```
#dee2f9
```
#dee2f9 rgb(222,226,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 #4f6afe is the most saturated one.

#a0a2ad
```
#a0a2ad rgb(160,162,173)
```
#9a9eb3
```
#9a9eb3 rgb(154,158,179)
```
#9399ba
```
#9399ba rgb(147,153,186)
```
#8c94c1
```
#8c94c1 rgb(140,148,193)
```
#8590c8
```
#8590c8 rgb(133,144,200)
```
#7e8bcf
```
#7e8bcf rgb(126,139,207)
```
#7886d5
```
#7886d5 rgb(120,134,213)
```
#7182dc
```
#7182dc rgb(113,130,220)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#6378ea
```
#6378ea rgb(99,120,234)
```
#5c74f1
```
#5c74f1 rgb(92,116,241)
```
#566ff7
```
#566ff7 rgb(86,111,247)
```
#4f6afe
```
#4f6afe rgb(79,106,254)
```

Tone Color Variation

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

Dichromacy

#5a87e7 Protanopia 1% of men
#448ce0 Deuteranopia 1% of men
#52949f Tritanopia 0.001% of the population

Trichromacy

#6083e6 Protanomaly 1% of men, 0.01% of women
#5286e1 Deuteranomaly 6% of men, 0.4% of women
#5a8bb7 Tritanomaly 0.01% of the population

#6a7de3 hex color

#6a7de3 Color Information

#6a7de3 Color Conversion

Color Schemes with #6a7de3

Alternatives to #6a7de3

#6a7de3 Preview

Shades and Tints of #6a7de3

Tones of #6a7de3

Color Blindness Simulator