colorhexa.com

#6a85e5 hex color

In a RGB color space, hex #6a85e5 is composed of 41.6% red, 52.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 41.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 226.8 degrees, a saturation of 70.3% and a lightness of 65.7%. #6a85e5 color hex could be obtained by blending #d4ffff with #000bcb. Closest websafe color is: #6699cc.

- R 42
- G 52
- B 90
RGB color chart
- C 54
- M 42
- Y 0
- K 10
CMYK color chart

● #6a85e5 color description : Soft blue.

The hexadecimal color #6a85e5 has RGB values of R:106, G:133, B:229 and CMYK values of C:0.54, M:0.42, Y:0, K:0.1. Its decimal value is 6981093.

Hex triplet	6a85e5	`#6a85e5`
RGB Decimal	106, 133, 229	`rgb(106,133,229)`
RGB Percent	41.6, 52.2, 89.8	`rgb(41.6%,52.2%,89.8%)`
CMYK	54, 42, 0, 10
HSL	226.8°, 70.3, 65.7	`hsl(226.8,70.3%,65.7%)`
HSV (or HSB)	226.8°, 53.7, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.555, 17.503, -51.787
XYZ	28.471, 25.495, 77.545
xyY	0.216, 0.194, 25.495
CIE-LCH	57.555, 54.665, 288.674
CIE-LUV	57.555, -15.616, -83.635
Hunter-Lab	50.493, 12.289, -55.711
Binary	01101010, 10000101, 11100101

#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#e5ca6a
```
#e5ca6a rgb(229,202,106)
```

Complementary Color

#6ac3e5
```
#6ac3e5 rgb(106,195,229)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#8d6ae5
```
#8d6ae5 rgb(141,106,229)
```

Analogous Color

#c3e56a
```
#c3e56a rgb(195,229,106)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#e58d6a
```
#e58d6a rgb(229,141,106)
```

Split Complementary Color

#85e56a
```
#85e56a rgb(133,229,106)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#e56a85
```
#e56a85 rgb(229,106,133)
```

Triadic Color

#6ae5ca
```
#6ae5ca rgb(106,229,202)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#e56a85
```
#e56a85 rgb(229,106,133)
```
#e5ca6a
```
#e5ca6a rgb(229,202,106)
```

Tetradic Color

#2950da
```
#2950da rgb(41,80,218)
```
#3f61dd
```
#3f61dd rgb(63,97,221)
```
#5473e1
```
#5473e1 rgb(84,115,225)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#8097e9
```
#8097e9 rgb(128,151,233)
```
#95a9ed
```
#95a9ed rgb(149,169,237)
```
#abbaf0
```
#abbaf0 rgb(171,186,240)
```

Monochromatic Color

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

#6aa4e5
```
#6aa4e5 rgb(106,164,229)
```
#6a9ae5
```
#6a9ae5 rgb(106,154,229)
```
#6a8fe5
```
#6a8fe5 rgb(106,143,229)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#6a7be5
```
#6a7be5 rgb(106,123,229)
```
#6a71e5
```
#6a71e5 rgb(106,113,229)
```
#6e6ae5
```
#6e6ae5 rgb(110,106,229)
```

Similar Colors

Text with hexadecimal color #6a85e5

This text has a font color of #6a85e5.

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

#6a85e5 background color

This paragraph has a background color of #6a85e5.

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

#6a85e5 border color

This element has a border color of #6a85e5.

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

CSS codes

.text {color:#6a85e5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030612
```
#030612 rgb(3,6,18)
```
#060c23
```
#060c23 rgb(6,12,35)
```
#091233
```
#091233 rgb(9,18,51)
```
#0c1844
```
#0c1844 rgb(12,24,68)
```
#0f1e55
```
#0f1e55 rgb(15,30,85)
```
#122466
```
#122466 rgb(18,36,102)
```
#152a76
```
#152a76 rgb(21,42,118)
```
#183087
```
#183087 rgb(24,48,135)
```
#1a3698
```
#1a3698 rgb(26,54,152)
```
#1d3ca8
```
#1d3ca8 rgb(29,60,168)
```
#2042b9
```
#2042b9 rgb(32,66,185)
```
#2348ca
```
#2348ca rgb(35,72,202)
```

Shade Color Variation

#274ed9
```
#274ed9 rgb(39,78,217)
```
#385cdc
```
#385cdc rgb(56,92,220)
```
#496adf
```
#496adf rgb(73,106,223)
```
#5977e2
```
#5977e2 rgb(89,119,226)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#7b93e8
```
#7b93e8 rgb(123,147,232)
```
#8ba0eb
```
#8ba0eb rgb(139,160,235)
```
#9caeee
```
#9caeee rgb(156,174,238)
```
#adbcf1
```
#adbcf1 rgb(173,188,241)
```
#bec9f4
```
#bec9f4 rgb(190,201,244)
```
#ced7f6
```
#ced7f6 rgb(206,215,246)
```
#dfe5f9
```
#dfe5f9 rgb(223,229,249)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

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

#a7a7a8
```
#a7a7a8 rgb(167,167,168)
```
#a0a3af
```
#a0a3af rgb(160,163,175)
```
#999fb6
```
#999fb6 rgb(153,159,182)
```
#929cbd
```
#929cbd rgb(146,156,189)
```
#8c98c3
```
#8c98c3 rgb(140,152,195)
```
#8594ca
```
#8594ca rgb(133,148,202)
```
#7e90d1
```
#7e90d1 rgb(126,144,209)
```
#778dd8
```
#778dd8 rgb(119,141,216)
```
#7189de
```
#7189de rgb(113,137,222)
```
#6a85e5
```
#6a85e5 rgb(106,133,229)
```
#6381ec
```
#6381ec rgb(99,129,236)
```
#5d7df2
```
#5d7df2 rgb(93,125,242)
```
#567af9
```
#567af9 rgb(86,122,249)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#82879b Atypical Achromatopsia 0.001% of the population

Dichromacy

#668de7 Protanopia 1% of men
#5391e3 Deuteranopia 1% of men
#539aa5 Tritanopia 0.001% of the population

Trichromacy

#678ae6 Protanomaly 1% of men, 0.01% of women
#5b8ce4 Deuteranomaly 6% of men, 0.4% of women
#5b92bc Tritanomaly 0.01% of the population