#6a70ed hex color

In a RGB color space, hex #6a70ed is composed of 41.6% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 52.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 237.3 degrees, a saturation of 78.4% and a lightness of 67.3%. #6a70ed color hex could be obtained by blending #d4e0ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 42
- G 44
- B 93
RGB color chart
- C 55
- M 53
- Y 0
- K 7
CMYK color chart

● #6a70ed color description : Soft blue.

The hexadecimal color #6a70ed has RGB values of R:106, G:112, B:237 and CMYK values of C:0.55, M:0.53, Y:0, K:0.07. Its decimal value is 6975725.

Hex triplet	6a70ed	`#6a70ed`
RGB Decimal	106, 112, 237	`rgb(106,112,237)`
RGB Percent	41.6, 43.9, 92.9	`rgb(41.6%,43.9%,92.9%)`
CMYK	55, 53, 0, 7
HSL	237.3°, 78.4, 67.3	`hsl(237.3,78.4%,67.3%)`
HSV (or HSB)	237.3°, 55.3, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.692, 32.682, -64.044
XYZ	27.021, 20.766, 82.7
xyY	0.207, 0.159, 20.766
CIE-LCH	52.692, 71.901, 297.035
CIE-LUV	52.692, -9.308, -102.571
Hunter-Lab	45.57, 26.097, -75.702
Binary	01101010, 01110000, 11101101

#6a70ed
```
#6a70ed rgb(106,112,237)
```
#ede76a
```
#ede76a rgb(237,231,106)
```

Complementary Color

#6ab2ed
```
#6ab2ed rgb(106,178,237)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#a66aed
```
#a66aed rgb(166,106,237)
```

Analogous Color

#b2ed6a
```
#b2ed6a rgb(178,237,106)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#eda66a
```
#eda66a rgb(237,166,106)
```

Split Complementary Color

#70ed6a
```
#70ed6a rgb(112,237,106)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#ed6a70
```
#ed6a70 rgb(237,106,112)
```

Triadic Color

#6aede7
```
#6aede7 rgb(106,237,231)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#ed6a70
```
#ed6a70 rgb(237,106,112)
```
#ede76a
```
#ede76a rgb(237,231,106)
```

Tetradic Color

#262ee5
```
#262ee5 rgb(38,46,229)
```
#3c44e8
```
#3c44e8 rgb(60,68,232)
```
#535aea
```
#535aea rgb(83,90,234)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#8186f0
```
#8186f0 rgb(129,134,240)
```
#989cf2
```
#989cf2 rgb(152,156,242)
```
#aeb2f5
```
#aeb2f5 rgb(174,178,245)
```

Monochromatic Color

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

#6a91ed
```
#6a91ed rgb(106,145,237)
```
#6a86ed
```
#6a86ed rgb(106,134,237)
```
#6a7bed
```
#6a7bed rgb(106,123,237)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#6f6aed
```
#6f6aed rgb(111,106,237)
```
#7a6aed
```
#7a6aed rgb(122,106,237)
```
#856aed
```
#856aed rgb(133,106,237)
```

Similar Colors

Text with hexadecimal color #6a70ed

This text has a font color of #6a70ed.

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

#6a70ed background color

This paragraph has a background color of #6a70ed.

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

#6a70ed border color

This element has a border color of #6a70ed.

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

CSS codes

.text {color:#6a70ed;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03041a
```
#03041a rgb(3,4,26)
```
#05072c
```
#05072c rgb(5,7,44)
```
#070a3d
```
#070a3d rgb(7,10,61)
```
#090d4f
```
#090d4f rgb(9,13,79)
```
#0c0f60
```
#0c0f60 rgb(12,15,96)
```
#0e1272
```
#0e1272 rgb(14,18,114)
```
#101583
```
#101583 rgb(16,21,131)
```
#121895
```
#121895 rgb(18,24,149)
```
#141ba6
```
#141ba6 rgb(20,27,166)
```
#161eb8
```
#161eb8 rgb(22,30,184)
```
#1820c9
```
#1820c9 rgb(24,32,201)
```
#1a23db
```
#1a23db rgb(26,35,219)
```

Shade Color Variation

#242de5
```
#242de5 rgb(36,45,229)
```
#353ee7
```
#353ee7 rgb(53,62,231)
```
#474ee9
```
#474ee9 rgb(71,78,233)
```
#585feb
```
#585feb rgb(88,95,235)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#7c81ef
```
#7c81ef rgb(124,129,239)
```
#8d92f1
```
#8d92f1 rgb(141,146,241)
```
#9fa2f3
```
#9fa2f3 rgb(159,162,243)
```
#b0b3f5
```
#b0b3f5 rgb(176,179,245)
```
#c2c4f8
```
#c2c4f8 rgb(194,196,248)
```
#d3d5fa
```
#d3d5fa rgb(211,213,250)
```
#e5e6fc
```
#e5e6fc rgb(229,230,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#aaaaad
```
#aaaaad rgb(170,170,173)
```
#a4a5b3
```
#a4a5b3 rgb(164,165,179)
```
#9d9fba
```
#9d9fba rgb(157,159,186)
```
#9799c0
```
#9799c0 rgb(151,153,192)
```
#9193c6
```
#9193c6 rgb(145,147,198)
```
#8a8dcd
```
#8a8dcd rgb(138,141,205)
```
#8487d3
```
#8487d3 rgb(132,135,211)
```
#7d82da
```
#7d82da rgb(125,130,218)
```
#777ce0
```
#777ce0 rgb(119,124,224)
```
#7076e7
```
#7076e7 rgb(112,118,231)
```
#6a70ed
```
#6a70ed rgb(106,112,237)
```
#646af3
```
#646af3 rgb(100,106,243)
```
#5d64fa
```
#5d64fa rgb(93,100,250)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#787a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c80f6 Protanopia 1% of men
#0086df Deuteranopia 1% of men
#478e98 Tritanopia 0.001% of the population

Trichromacy

#427af2 Protanomaly 1% of men, 0.01% of women
#267ee4 Deuteranomaly 6% of men, 0.4% of women
#5383b7 Tritanomaly 0.01% of the population

#6a70ed hex color

#6a70ed Color Information

#6a70ed Color Conversion

Color Schemes with #6a70ed

Alternatives to #6a70ed

#6a70ed Preview

Shades and Tints of #6a70ed

Tones of #6a70ed

Color Blindness Simulator