#6a6bff hex color

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

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

● #6a6bff color description : Very light blue.

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

Hex triplet	6a6bff	`#6a6bff`
RGB Decimal	106, 107, 255	`rgb(106,107,255)`
RGB Percent	41.6, 42, 100	`rgb(41.6%,42%,100%)`
CMYK	58, 58, 0, 0
HSL	239.6°, 100, 70.8	`hsl(239.6,100%,70.8%)`
HSV (or HSB)	239.6°, 58.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.728, 41.322, -73.996
XYZ	29.248, 20.798, 97.075
xyY	0.199, 0.141, 20.798
CIE-LCH	52.728, 84.752, 299.181
CIE-LUV	52.728, -8.813, -118.152
Hunter-Lab	45.605, 34.668, -94.282
Binary	01101010, 01101011, 11111111

#6a6bff
```
#6a6bff rgb(106,107,255)
```
#fffe6a
```
#fffe6a rgb(255,254,106)
```

Complementary Color

#6ab6ff
```
#6ab6ff rgb(106,182,255)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#b46aff
```
#b46aff rgb(180,106,255)
```

Analogous Color

#b6ff6a
```
#b6ff6a rgb(182,255,106)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#ffb46a
```
#ffb46a rgb(255,180,106)
```

Split Complementary Color

#6bff6a
```
#6bff6a rgb(107,255,106)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#ff6a6b
```
#ff6a6b rgb(255,106,107)
```

Triadic Color

#6afffe
```
#6afffe rgb(106,255,254)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#ff6a6b
```
#ff6a6b rgb(255,106,107)
```
#fffe6a
```
#fffe6a rgb(255,254,106)
```

Tetradic Color

#1e1fff
```
#1e1fff rgb(30,31,255)
```
#3738ff
```
#3738ff rgb(55,56,255)
```
#5152ff
```
#5152ff rgb(81,82,255)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#8484ff
```
#8484ff rgb(132,132,255)
```
#9d9eff
```
#9d9eff rgb(157,158,255)
```
#b7b7ff
```
#b7b7ff rgb(183,183,255)
```

Monochromatic Color

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

#6a90ff
```
#6a90ff rgb(106,144,255)
```
#6a84ff
```
#6a84ff rgb(106,132,255)
```
#6a77ff
```
#6a77ff rgb(106,119,255)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#756aff
```
#756aff rgb(117,106,255)
```
#826aff
```
#826aff rgb(130,106,255)
```
#8e6aff
```
#8e6aff rgb(142,106,255)
```

Similar Colors

Text with hexadecimal color #6a6bff

This text has a font color of #6a6bff.

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

#6a6bff background color

This paragraph has a background color of #6a6bff.

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

#6a6bff border color

This element has a border color of #6a6bff.

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

CSS codes

.text {color:#6a6bff;}

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

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

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 #f3f3ff is the lightest one.

#000008
```
#000008 rgb(0,0,8)
```
#00001c
```
#00001c rgb(0,0,28)
```
#00002f
```
#00002f rgb(0,0,47)
```
#000043
```
#000043 rgb(0,0,67)
```
#000156
```
#000156 rgb(0,1,86)
```
#00016a
```
#00016a rgb(0,1,106)
```
#00017e
```
#00017e rgb(0,1,126)
```
#000191
```
#000191 rgb(0,1,145)
```
#0001a5
```
#0001a5 rgb(0,1,165)
```
#0001b8
```
#0001b8 rgb(0,1,184)
```
#0001cc
```
#0001cc rgb(0,1,204)
```
#0002e0
```
#0002e0 rgb(0,2,224)
```
#0002f3
```
#0002f3 rgb(0,2,243)
```

Shade Color Variation

#080aff
```
#080aff rgb(8,10,255)
```
#1c1dff
```
#1c1dff rgb(28,29,255)
```
#2f31ff
```
#2f31ff rgb(47,49,255)
```
#4344ff
```
#4344ff rgb(67,68,255)
```
#5658ff
```
#5658ff rgb(86,88,255)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```
#7e7eff
```
#7e7eff rgb(126,126,255)
```
#9192ff
```
#9192ff rgb(145,146,255)
```
#a5a5ff
```
#a5a5ff rgb(165,165,255)
```
#b8b9ff
```
#b8b9ff rgb(184,185,255)
```
#ccccff
```
#ccccff rgb(204,204,255)
```
#e0e0ff
```
#e0e0ff rgb(224,224,255)
```
#f3f3ff
```
#f3f3ff rgb(243,243,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 #6a6bff is the most saturated one.

#afafba
```
#afafba rgb(175,175,186)
```
#a9a9c0
```
#a9a9c0 rgb(169,169,192)
```
#a3a4c6
```
#a3a4c6 rgb(163,164,198)
```
#9e9ecb
```
#9e9ecb rgb(158,158,203)
```
#9898d1
```
#9898d1 rgb(152,152,209)
```
#9293d7
```
#9293d7 rgb(146,147,215)
```
#8c8ddd
```
#8c8ddd rgb(140,141,221)
```
#8787e2
```
#8787e2 rgb(135,135,226)
```
#8182e8
```
#8182e8 rgb(129,130,232)
```
#7b7cee
```
#7b7cee rgb(123,124,238)
```
#7576f4
```
#7576f4 rgb(117,118,244)
```
#7071f9
```
#7071f9 rgb(112,113,249)
```
#6a6bff
```
#6a6bff rgb(106,107,255)
```

Tone Color Variation

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

Dichromacy

#0080fb Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#33909a Tritanopia 0.001% of the population

Trichromacy

#2678fc Protanomaly 1% of men, 0.01% of women
#267de9 Deuteranomaly 6% of men, 0.4% of women
#4782bf Tritanomaly 0.01% of the population

#6a6bff hex color

#6a6bff Color Information

#6a6bff Color Conversion

Color Schemes with #6a6bff

Alternatives to #6a6bff

#6a6bff Preview

Shades and Tints of #6a6bff

Tones of #6a6bff

Color Blindness Simulator