#6a6bf8 hex color

In a RGB color space, hex #6a6bf8 is composed of 41.6% red, 42% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 56.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 239.6 degrees, a saturation of 91% and a lightness of 69.4%. #6a6bf8 color hex could be obtained by blending #d4d6ff with #0000f1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 42
- G 42
- B 97
RGB color chart
- C 57
- M 57
- Y 0
- K 3
CMYK color chart

● #6a6bf8 color description : Soft blue.

The hexadecimal color #6a6bf8 has RGB values of R:106, G:107, B:248 and CMYK values of C:0.57, M:0.57, Y:0, K:0.03. Its decimal value is 6974456.

Hex triplet	6a6bf8	`#6a6bf8`
RGB Decimal	106, 107, 248	`rgb(106,107,248)`
RGB Percent	41.6, 42, 97.3	`rgb(41.6%,42%,97.3%)`
CMYK	57, 57, 0, 3
HSL	239.6°, 91, 69.4	`hsl(239.6,91%,69.4%)`
HSV (or HSB)	239.6°, 57.3, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.237, 39.127, -70.911
XYZ	28.141, 20.356, 91.248
xyY	0.201, 0.146, 20.356
CIE-LCH	52.237, 80.989, 298.889
CIE-LUV	52.237, -8.462, -113.156
Hunter-Lab	45.117, 32.382, -88.33
Binary	01101010, 01101011, 11111000

#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#f8f76a
```
#f8f76a rgb(248,247,106)
```

Complementary Color

#6ab2f8
```
#6ab2f8 rgb(106,178,248)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#b06af8
```
#b06af8 rgb(176,106,248)
```

Analogous Color

#b2f86a
```
#b2f86a rgb(178,248,106)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#f8b06a
```
#f8b06a rgb(248,176,106)
```

Split Complementary Color

#6bf86a
```
#6bf86a rgb(107,248,106)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#f86a6b
```
#f86a6b rgb(248,106,107)
```

Triadic Color

#6af8f7
```
#6af8f7 rgb(106,248,247)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#f86a6b
```
#f86a6b rgb(248,106,107)
```
#f8f76a
```
#f8f76a rgb(248,247,106)
```

Tetradic Color

#2122f5
```
#2122f5 rgb(33,34,245)
```
#393bf6
```
#393bf6 rgb(57,59,246)
```
#5253f7
```
#5253f7 rgb(82,83,247)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#8283f9
```
#8283f9 rgb(130,131,249)
```
#9b9bfa
```
#9b9bfa rgb(155,155,250)
```
#b3b4fb
```
#b3b4fb rgb(179,180,251)
```

Monochromatic Color

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

#6a8ff8
```
#6a8ff8 rgb(106,143,248)
```
#6a83f8
```
#6a83f8 rgb(106,131,248)
```
#6a77f8
```
#6a77f8 rgb(106,119,248)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#756af8
```
#756af8 rgb(117,106,248)
```
#816af8
```
#816af8 rgb(129,106,248)
```
#8d6af8
```
#8d6af8 rgb(141,106,248)
```

Similar Colors

Text with hexadecimal color #6a6bf8

This text has a font color of #6a6bf8.

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

#6a6bf8 background color

This paragraph has a background color of #6a6bf8.

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

#6a6bf8 border color

This element has a border color of #6a6bf8.

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

CSS codes

.text {color:#6a6bf8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010114
```
#010114 rgb(1,1,20)
```
#020226
```
#020226 rgb(2,2,38)
```
#030339
```
#030339 rgb(3,3,57)
```
#04044c
```
#04044c rgb(4,4,76)
```
#04055f
```
#04055f rgb(4,5,95)
```
#050671
```
#050671 rgb(5,6,113)
```
#060784
```
#060784 rgb(6,7,132)
```
#070897
```
#070897 rgb(7,8,151)
```
#0809a9
```
#0809a9 rgb(8,9,169)
```
#090abc
```
#090abc rgb(9,10,188)
```
#0a0bcf
```
#0a0bcf rgb(10,11,207)
```
#0b0ce2
```
#0b0ce2 rgb(11,12,226)
```

Shade Color Variation

#0c0ef4
```
#0c0ef4 rgb(12,14,244)
```
#1f21f4
```
#1f21f4 rgb(31,33,244)
```
#3233f5
```
#3233f5 rgb(50,51,245)
```
#4546f6
```
#4546f6 rgb(69,70,246)
```
#5758f7
```
#5758f7 rgb(87,88,247)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#7d7ef9
```
#7d7ef9 rgb(125,126,249)
```
#8f90fa
```
#8f90fa rgb(143,144,250)
```
#a2a3fb
```
#a2a3fb rgb(162,163,251)
```
#b5b5fc
```
#b5b5fc rgb(181,181,252)
```
#c8c8fc
```
#c8c8fc rgb(200,200,252)
```
#dadbfd
```
#dadbfd rgb(218,219,253)
```
#ededfe
```
#ededfe rgb(237,237,254)
```

Tint Color Variation

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

#acacb6
```
#acacb6 rgb(172,172,182)
```
#a6a6bc
```
#a6a6bc rgb(166,166,188)
```
#a0a0c2
```
#a0a0c2 rgb(160,160,194)
```
#9a9ac8
```
#9a9ac8 rgb(154,154,200)
```
#9494ce
```
#9494ce rgb(148,148,206)
```
#8e8ed4
```
#8e8ed4 rgb(142,142,212)
```
#8889da
```
#8889da rgb(136,137,218)
```
#8283e0
```
#8283e0 rgb(130,131,224)
```
#7c7de6
```
#7c7de6 rgb(124,125,230)
```
#7677ec
```
#7677ec rgb(118,119,236)
```
#7071f2
```
#7071f2 rgb(112,113,242)
```
#6a6bf8
```
#6a6bf8 rgb(106,107,248)
```
#6465fe
```
#6465fe rgb(100,101,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#787894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086db Deuteranopia 1% of men
#3b8e98 Tritanopia 0.001% of the population

Trichromacy

#2677f9 Protanomaly 1% of men, 0.01% of women
#267ce6 Deuteranomaly 6% of men, 0.4% of women
#4c81bb Tritanomaly 0.01% of the population

#6a6bf8 hex color

#6a6bf8 Color Information

#6a6bf8 Color Conversion

Color Schemes with #6a6bf8

Alternatives to #6a6bf8

#6a6bf8 Preview

Shades and Tints of #6a6bf8

Tones of #6a6bf8

Color Blindness Simulator