#6a86f3 Color Information
In a RGB color space, hex #6a86f3 is composed of 41.6% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 227.7 degrees, a saturation of 85.1% and a lightness of 68.4%. #6a86f3 color hex could be obtained by blending #d4ffff with #000de7. Closest websafe color is: #6699ff.
-
- R 42
- G 53
- B 95
-
- C 56
- M 45
- Y 0
- K 5
● #6a86f3 color description : Soft blue.
#6a86f3 Color Conversion
The hexadecimal color #6a86f3 has RGB values of R:106, G:134, B:243 and CMYK values of C:0.56, M:0.45, Y:0, K:0.05. Its decimal value is 6981363.
Hex triplet | 6a86f3 | #6a86f3 |
---|---|---|
RGB Decimal | 106, 134, 243 | rgb(106,134,243) |
RGB Percent | 41.6, 52.5, 95.3 | rgb(41.6%,52.5%,95.3%) |
CMYK | 56, 45, 0, 5 | |
HSL | 227.7°, 85.1, 68.4 | hsl(227.7,85.1%,68.4%) |
HSV (or HSB) | 227.7°, 56.4, 95.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.587, 21.352, -57.913 |
---|---|
XYZ | 30.643, 26.584, 88.306 |
xyY | 0.211, 0.183, 26.584 |
CIE-LCH | 58.587, 61.724, 290.238 |
CIE-LUV | 58.587, -16.225, -94.249 |
Hunter-Lab | 51.56, 15.858, -65.454 |
Binary | 01101010, 10000110, 11110011 |
Color Schemes with #6a86f3
Alternatives to #6a86f3
Below, you can see some colors close to #6a86f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6a86f3 Preview
This text has a font color of #6a86f3.
<span style="color:#6a86f3;">Text here</span>
This paragraph has a background color of #6a86f3.
<p style="background-color:#6a86f3;">Content here</p>
This element has a border color of #6a86f3.
<div style="border:1px solid #6a86f3;">Content here</div>
.text {color:#6a86f3;}
.background {background-color:#6a86f3;}
.border {border:1px solid #6a86f3;}
Shades and Tints of #6a86f3
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)
-
#040e33
#040e33
rgb(4,14,51)
-
#061245
#061245
rgb(6,18,69)
-
#071757
#071757
rgb(7,23,87)
-
#081c69
#081c69
rgb(8,28,105)
-
#0a217b
#0a217b
rgb(10,33,123)
-
#0b268d
#0b268d
rgb(11,38,141)
-
#0d2ba0
#0d2ba0
rgb(13,43,160)
-
#0e30b2
#0e30b2
rgb(14,48,178)
-
#1035c4
#1035c4
rgb(16,53,196)
-
#1139d6
#1139d6
rgb(17,57,214)
-
#133ee8
#133ee8
rgb(19,62,232)
-
#214bed
#214bed
rgb(33,75,237)
-
#345aef
#345aef
rgb(52,90,239)
-
#4669f0
#4669f0
rgb(70,105,240)
-
#5877f2
#5877f2
rgb(88,119,242)
-
#6a86f3
#6a86f3
rgb(106,134,243)
-
#7c95f4
#7c95f4
rgb(124,149,244)
-
#8ea3f6
#8ea3f6
rgb(142,163,246)
-
#a0b2f7
#a0b2f7
rgb(160,178,247)
-
#b3c1f9
#b3c1f9
rgb(179,193,249)
-
#c5d0fa
#c5d0fa
rgb(197,208,250)
-
#d7defc
#d7defc
rgb(215,222,252)
-
#e9edfd
#e9edfd
rgb(233,237,253)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #6a86f3
A tone is produced by adding gray to any pure hue. In this case, #aeaeaf is the less saturated color, while #6482f9 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)
-
#95a0c8
#95a0c8
rgb(149,160,200)
-
#8f9cce
#8f9cce
rgb(143,156,206)
-
#8998d4
#8998d4
rgb(137,152,212)
-
#8395da
#8395da
rgb(131,149,218)
-
#7d91e0
#7d91e0
rgb(125,145,224)
-
#768de7
#768de7
rgb(118,141,231)
-
#708aed
#708aed
rgb(112,138,237)
-
#6a86f3
#6a86f3
rgb(106,134,243)
-
#6482f9
#6482f9
rgb(100,130,249)
Color Blindness Simulator
Below, you can see how #6a86f3 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.