#6a85f3 hex color

In a RGB color space, hex #6a85f3 is composed of 41.6% red, 52.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 45.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 228.2 degrees, a saturation of 85.1% and a lightness of 68.4%. #6a85f3 color hex could be obtained by blending #d4ffff with #000be7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 52
- B 95
RGB color chart
- C 56
- M 45
- Y 0
- K 5
CMYK color chart

● #6a85f3 color description : Soft blue.

The hexadecimal color #6a85f3 has RGB values of R:106, G:133, B:243 and CMYK values of C:0.56, M:0.45, Y:0, K:0.05. Its decimal value is 6981107.

Hex triplet	6a85f3	`#6a85f3`
RGB Decimal	106, 133, 243	`rgb(106,133,243)`
RGB Percent	41.6, 52.2, 95.3	`rgb(41.6%,52.2%,95.3%)`
CMYK	56, 45, 0, 5
HSL	228.2°, 85.1, 68.4	`hsl(228.2,85.1%,68.4%)`
HSV (or HSB)	228.2°, 56.4, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.329, 21.951, -58.326
XYZ	30.506, 26.309, 88.26
xyY	0.21, 0.181, 26.309
CIE-LCH	58.329, 62.32, 290.624
CIE-LUV	58.329, -15.904, -94.888
Hunter-Lab	51.292, 16.401, -66.117
Binary	01101010, 10000101, 11110011

#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#f3d86a
```
#f3d86a rgb(243,216,106)
```

Complementary Color

#6acaf3
```
#6acaf3 rgb(106,202,243)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#946af3
```
#946af3 rgb(148,106,243)
```

Analogous Color

#caf36a
```
#caf36a rgb(202,243,106)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#f3946a
```
#f3946a rgb(243,148,106)
```

Split Complementary Color

#85f36a
```
#85f36a rgb(133,243,106)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#f36a85
```
#f36a85 rgb(243,106,133)
```

Triadic Color

#6af3d8
```
#6af3d8 rgb(106,243,216)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#f36a85
```
#f36a85 rgb(243,106,133)
```
#f3d86a
```
#f3d86a rgb(243,216,106)
```

Tetradic Color

#234bed
```
#234bed rgb(35,75,237)
```
#3b5eef
```
#3b5eef rgb(59,94,239)
```
#5272f1
```
#5272f1 rgb(82,114,241)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#8298f5
```
#8298f5 rgb(130,152,245)
```
#99acf7
```
#99acf7 rgb(153,172,247)
```
#b1bff9
```
#b1bff9 rgb(177,191,249)
```

Monochromatic Color

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

#6aa7f3
```
#6aa7f3 rgb(106,167,243)
```
#6a9cf3
```
#6a9cf3 rgb(106,156,243)
```
#6a90f3
```
#6a90f3 rgb(106,144,243)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#6a7af3
```
#6a7af3 rgb(106,122,243)
```
#6a6ef3
```
#6a6ef3 rgb(106,110,243)
```
#716af3
```
#716af3 rgb(113,106,243)
```

Similar Colors

Text with hexadecimal color #6a85f3

This text has a font color of #6a85f3.

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

#6a85f3 background color

This paragraph has a background color of #6a85f3.

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

#6a85f3 border color

This element has a border color of #6a85f3.

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

CSS codes

.text {color:#6a85f3;}

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

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

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

#01040e
```
#01040e rgb(1,4,14)
```
#030921
```
#030921 rgb(3,9,33)
```
#040d33
```
#040d33 rgb(4,13,51)
```
#061245
```
#061245 rgb(6,18,69)
```
#071757
```
#071757 rgb(7,23,87)
```
#081c69
```
#081c69 rgb(8,28,105)
```
#0a207b
```
#0a207b rgb(10,32,123)
```
#0b258d
```
#0b258d rgb(11,37,141)
```
#0d2aa0
```
#0d2aa0 rgb(13,42,160)
```
#0e2fb2
```
#0e2fb2 rgb(14,47,178)
```
#1033c4
```
#1033c4 rgb(16,51,196)
```
#1138d6
```
#1138d6 rgb(17,56,214)
```
#133de8
```
#133de8 rgb(19,61,232)
```

Shade Color Variation

#214aed
```
#214aed rgb(33,74,237)
```
#3458ef
```
#3458ef rgb(52,88,239)
```
#4667f0
```
#4667f0 rgb(70,103,240)
```
#5876f2
```
#5876f2 rgb(88,118,242)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#7c94f4
```
#7c94f4 rgb(124,148,244)
```
#8ea3f6
```
#8ea3f6 rgb(142,163,246)
```
#a0b2f7
```
#a0b2f7 rgb(160,178,247)
```
#b3c0f9
```
#b3c0f9 rgb(179,192,249)
```
#c5cffa
```
#c5cffa rgb(197,207,250)
```
#d7defc
```
#d7defc rgb(215,222,252)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,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 #6481f9 is the most saturated one.

#aeaeaf
```
#aeaeaf rgb(174,174,175)
```
#a8abb5
```
#a8abb5 rgb(168,171,181)
```
#a2a7bb
```
#a2a7bb rgb(162,167,187)
```
#9ca3c1
```
#9ca3c1 rgb(156,163,193)
```
#959fc8
```
#959fc8 rgb(149,159,200)
```
#8f9cce
```
#8f9cce rgb(143,156,206)
```
#8998d4
```
#8998d4 rgb(137,152,212)
```
#8394da
```
#8394da rgb(131,148,218)
```
#7d90e0
```
#7d90e0 rgb(125,144,224)
```
#768de7
```
#768de7 rgb(118,141,231)
```
#7089ed
```
#7089ed rgb(112,137,237)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#6481f9
```
#6481f9 rgb(100,129,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#83889e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c8ef6 Protanopia 1% of men
#3e93f0 Deuteranopia 1% of men
#4a9da9 Tritanopia 0.001% of the population

Trichromacy

#618bf5 Protanomaly 1% of men, 0.01% of women
#4e8ef1 Deuteranomaly 6% of men, 0.4% of women
#5594c3 Tritanomaly 0.01% of the population

#6a85f3 hex color

#6a85f3 Color Information

#6a85f3 Color Conversion

Color Schemes with #6a85f3

Alternatives to #6a85f3

#6a85f3 Preview

Shades and Tints of #6a85f3

Tones of #6a85f3

Color Blindness Simulator