colorhexa.com

#6a6ff3 hex color

In a RGB color space, hex #6a6ff3 is composed of 41.6% red, 43.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 54.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 237.8 degrees, a saturation of 85.1% and a lightness of 68.4%. #6a6ff3 color hex could be obtained by blending #d4deff with #0000e7. Closest websafe color is: #6666ff.

- R 42
- G 44
- B 95
RGB color chart
- C 56
- M 54
- Y 0
- K 5
CMYK color chart

● #6a6ff3 color description : Soft blue.

The hexadecimal color #6a6ff3 has RGB values of R:106, G:111, B:243 and CMYK values of C:0.56, M:0.54, Y:0, K:0.05. Its decimal value is 6975475.

Hex triplet	6a6ff3	`#6a6ff3`
RGB Decimal	106, 111, 243	`rgb(106,111,243)`
RGB Percent	41.6, 43.5, 95.3	`rgb(41.6%,43.5%,95.3%)`
CMYK	56, 54, 0, 5
HSL	237.8°, 85.1, 68.4	`hsl(237.8,85.1%,68.4%)`
HSV (or HSB)	237.8°, 56.4, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.843, 35.172, -67.148
XYZ	27.803, 20.903, 87.359
xyY	0.204, 0.154, 20.903
CIE-LCH	52.843, 75.801, 297.646
CIE-LUV	52.843, -9.301, -107.558
Hunter-Lab	45.72, 28.538, -81.284
Binary	01101010, 01101111, 11110011

#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#f3ee6a
```
#f3ee6a rgb(243,238,106)
```

Complementary Color

#6ab4f3
```
#6ab4f3 rgb(106,180,243)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#aa6af3
```
#aa6af3 rgb(170,106,243)
```

Analogous Color

#b4f36a
```
#b4f36a rgb(180,243,106)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#f3aa6a
```
#f3aa6a rgb(243,170,106)
```

Split Complementary Color

#6ff36a
```
#6ff36a rgb(111,243,106)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#f36a6f
```
#f36a6f rgb(243,106,111)
```

Triadic Color

#6af3ee
```
#6af3ee rgb(106,243,238)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#f36a6f
```
#f36a6f rgb(243,106,111)
```
#f3ee6a
```
#f3ee6a rgb(243,238,106)
```

Tetradic Color

#232bed
```
#232bed rgb(35,43,237)
```
#3b41ef
```
#3b41ef rgb(59,65,239)
```
#5258f1
```
#5258f1 rgb(82,88,241)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#8286f5
```
#8286f5 rgb(130,134,245)
```
#999df7
```
#999df7 rgb(153,157,247)
```
#b1b3f9
```
#b1b3f9 rgb(177,179,249)
```

Monochromatic Color

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

#6a91f3
```
#6a91f3 rgb(106,145,243)
```
#6a86f3
```
#6a86f3 rgb(106,134,243)
```
#6a7af3
```
#6a7af3 rgb(106,122,243)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#706af3
```
#706af3 rgb(112,106,243)
```
#7c6af3
```
#7c6af3 rgb(124,106,243)
```
#876af3
```
#876af3 rgb(135,106,243)
```

Similar Colors

Text with hexadecimal color #6a6ff3

This text has a font color of #6a6ff3.

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

#6a6ff3 background color

This paragraph has a background color of #6a6ff3.

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

#6a6ff3 border color

This element has a border color of #6a6ff3.

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

CSS codes

.text {color:#6a6ff3;}

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

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

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, #01020e is the darkest color, while #fbfbff is the lightest one.

#01020e
```
#01020e rgb(1,2,14)
```
#030421
```
#030421 rgb(3,4,33)
```
#040633
```
#040633 rgb(4,6,51)
```
#060845
```
#060845 rgb(6,8,69)
```
#070a57
```
#070a57 rgb(7,10,87)
```
#080c69
```
#080c69 rgb(8,12,105)
```
#0a0e7b
```
#0a0e7b rgb(10,14,123)
```
#0b108d
```
#0b108d rgb(11,16,141)
```
#0d12a0
```
#0d12a0 rgb(13,18,160)
```
#0e14b2
```
#0e14b2 rgb(14,20,178)
```
#1016c4
```
#1016c4 rgb(16,22,196)
```
#1118d6
```
#1118d6 rgb(17,24,214)
```
#131ae8
```
#131ae8 rgb(19,26,232)
```

Shade Color Variation

#2129ed
```
#2129ed rgb(33,41,237)
```
#343aef
```
#343aef rgb(52,58,239)
```
#464cf0
```
#464cf0 rgb(70,76,240)
```
#585df2
```
#585df2 rgb(88,93,242)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#7c81f4
```
#7c81f4 rgb(124,129,244)
```
#8e92f6
```
#8e92f6 rgb(142,146,246)
```
#a0a4f7
```
#a0a4f7 rgb(160,164,247)
```
#b3b5f9
```
#b3b5f9 rgb(179,181,249)
```
#c5c7fa
```
#c5c7fa rgb(197,199,250)
```
#d7d8fc
```
#d7d8fc rgb(215,216,252)
```
#e9eafd
```
#e9eafd rgb(233,234,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#aeaeaf
```
#aeaeaf rgb(174,174,175)
```
#a8a8b5
```
#a8a8b5 rgb(168,168,181)
```
#a2a3bb
```
#a2a3bb rgb(162,163,187)
```
#9c9dc1
```
#9c9dc1 rgb(156,157,193)
```
#9597c8
```
#9597c8 rgb(149,151,200)
```
#8f91ce
```
#8f91ce rgb(143,145,206)
```
#898cd4
```
#898cd4 rgb(137,140,212)
```
#8386da
```
#8386da rgb(131,134,218)
```
#7d80e0
```
#7d80e0 rgb(125,128,224)
```
#767ae7
```
#767ae7 rgb(118,122,231)
```
#7075ed
```
#7075ed rgb(112,117,237)
```
#6a6ff3
```
#6a6ff3 rgb(106,111,243)
```
#6469f9
```
#6469f9 rgb(100,105,249)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#797a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#0087df Deuteranopia 1% of men
#418f99 Tritanopia 0.001% of the population

Trichromacy

#267af9 Protanomaly 1% of men, 0.01% of women
#267ee6 Deuteranomaly 6% of men, 0.4% of women
#5083ba Tritanomaly 0.01% of the population