#6a70ff hex color

In a RGB color space, hex #6a70ff is composed of 41.6% red, 43.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 56.1% magenta, 0% yellow and 0% black. It has a hue angle of 237.6 degrees, a saturation of 100% and a lightness of 70.8%. #6a70ff color hex could be obtained by blending #d4e0ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 42
- G 44
- B 100
RGB color chart
- C 58
- M 56
- Y 0
- K 0
CMYK color chart

● #6a70ff color description : Very light blue.

The hexadecimal color #6a70ff has RGB values of R:106, G:112, B:255 and CMYK values of C:0.58, M:0.56, Y:0, K:0. Its decimal value is 6975743.

Hex triplet	6a70ff	`#6a70ff`
RGB Decimal	106, 112, 255	`rgb(106,112,255)`
RGB Percent	41.6, 43.9, 100	`rgb(41.6%,43.9%,100%)`
CMYK	58, 56, 0, 0
HSL	237.6°, 100, 70.8	`hsl(237.6,100%,70.8%)`
HSV (or HSB)	237.6°, 58.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.89, 38.365, -72.11
XYZ	29.784, 21.871, 97.254
xyY	0.2, 0.147, 21.871
CIE-LCH	53.89, 81.681, 298.014
CIE-LUV	53.89, -10.118, -115.822
Hunter-Lab	46.767, 31.84, -90.561
Binary	01101010, 01110000, 11111111

#6a70ff
```
#6a70ff rgb(106,112,255)
```
#fff96a
```
#fff96a rgb(255,249,106)
```

Complementary Color

#6abbff
```
#6abbff rgb(106,187,255)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#af6aff
```
#af6aff rgb(175,106,255)
```

Analogous Color

#bbff6a
```
#bbff6a rgb(187,255,106)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#ffaf6a
```
#ffaf6a rgb(255,175,106)
```

Split Complementary Color

#70ff6a
```
#70ff6a rgb(112,255,106)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#ff6a70
```
#ff6a70 rgb(255,106,112)
```

Triadic Color

#6afff9
```
#6afff9 rgb(106,255,249)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#ff6a70
```
#ff6a70 rgb(255,106,112)
```
#fff96a
```
#fff96a rgb(255,249,106)
```

Tetradic Color

#1e27ff
```
#1e27ff rgb(30,39,255)
```
#373fff
```
#373fff rgb(55,63,255)
```
#5158ff
```
#5158ff rgb(81,88,255)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#8488ff
```
#8488ff rgb(132,136,255)
```
#9da1ff
```
#9da1ff rgb(157,161,255)
```
#b7b9ff
```
#b7b9ff rgb(183,185,255)
```

Monochromatic Color

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

#6a95ff
```
#6a95ff rgb(106,149,255)
```
#6a89ff
```
#6a89ff rgb(106,137,255)
```
#6a7cff
```
#6a7cff rgb(106,124,255)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#706aff
```
#706aff rgb(112,106,255)
```
#7d6aff
```
#7d6aff rgb(125,106,255)
```
#896aff
```
#896aff rgb(137,106,255)
```

Similar Colors

Text with hexadecimal color #6a70ff

This text has a font color of #6a70ff.

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

#6a70ff background color

This paragraph has a background color of #6a70ff.

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

#6a70ff border color

This element has a border color of #6a70ff.

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

CSS codes

.text {color:#6a70ff;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#00011c
```
#00011c rgb(0,1,28)
```
#00022f
```
#00022f rgb(0,2,47)
```
#000343
```
#000343 rgb(0,3,67)
```
#000356
```
#000356 rgb(0,3,86)
```
#00046a
```
#00046a rgb(0,4,106)
```
#00057e
```
#00057e rgb(0,5,126)
```
#000691
```
#000691 rgb(0,6,145)
```
#0007a5
```
#0007a5 rgb(0,7,165)
```
#0007b8
```
#0007b8 rgb(0,7,184)
```
#0008cc
```
#0008cc rgb(0,8,204)
```
#0009e0
```
#0009e0 rgb(0,9,224)
```
#000af3
```
#000af3 rgb(0,10,243)
```

Shade Color Variation

#0812ff
```
#0812ff rgb(8,18,255)
```
#1c25ff
```
#1c25ff rgb(28,37,255)
```
#2f38ff
```
#2f38ff rgb(47,56,255)
```
#434aff
```
#434aff rgb(67,74,255)
```
#565dff
```
#565dff rgb(86,93,255)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```
#7e83ff
```
#7e83ff rgb(126,131,255)
```
#9196ff
```
#9196ff rgb(145,150,255)
```
#a5a8ff
```
#a5a8ff rgb(165,168,255)
```
#b8bbff
```
#b8bbff rgb(184,187,255)
```
#ccceff
```
#ccceff rgb(204,206,255)
```
#e0e1ff
```
#e0e1ff rgb(224,225,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#afafba
```
#afafba rgb(175,175,186)
```
#a9aac0
```
#a9aac0 rgb(169,170,192)
```
#a3a5c6
```
#a3a5c6 rgb(163,165,198)
```
#9e9fcb
```
#9e9fcb rgb(158,159,203)
```
#989ad1
```
#989ad1 rgb(152,154,209)
```
#9295d7
```
#9295d7 rgb(146,149,215)
```
#8c90dd
```
#8c90dd rgb(140,144,221)
```
#878ae2
```
#878ae2 rgb(135,138,226)
```
#8185e8
```
#8185e8 rgb(129,133,232)
```
#7b80ee
```
#7b80ee rgb(123,128,238)
```
#757bf4
```
#757bf4 rgb(117,123,244)
```
#7075f9
```
#7075f9 rgb(112,117,249)
```
#6a70ff
```
#6a70ff rgb(106,112,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7b7c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e83ff Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#35939d Tritanopia 0.001% of the population

Trichromacy

#397cff Protanomaly 1% of men, 0.01% of women
#2680ec Deuteranomaly 6% of men, 0.4% of women
#4886c1 Tritanomaly 0.01% of the population

#6a70ff hex color

#6a70ff Color Information

#6a70ff Color Conversion

Color Schemes with #6a70ff

Alternatives to #6a70ff

#6a70ff Preview

Shades and Tints of #6a70ff

Tones of #6a70ff

Color Blindness Simulator