#6986f5 Color Information
In a RGB color space, hex #6986f5 is composed of 41.2% red, 52.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 45.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 227.6 degrees, a saturation of 87.5% and a lightness of 68.6%. #6986f5 color hex could be obtained by blending #d2ffff with #000deb. Closest websafe color is: #6699ff.
-
- R 41
- G 53
- B 96
-
- C 57
- M 45
- Y 0
- K 4
● #6986f5 color description : Soft blue.
#6986f5 Color Conversion
The hexadecimal color #6986f5 has RGB values of R:105, G:134, B:245 and CMYK values of C:0.57, M:0.45, Y:0, K:0.04. Its decimal value is 6915829.
Hex triplet | 6986f5 | #6986f5 |
---|---|---|
RGB Decimal | 105, 134, 245 | rgb(105,134,245) |
RGB Percent | 41.2, 52.5, 96.1 | rgb(41.2%,52.5%,96.1%) |
CMYK | 57, 45, 0, 4 | |
HSL | 227.6°, 87.5, 68.6 | hsl(227.6,87.5%,68.6%) |
HSV (or HSB) | 227.6°, 57.1, 96.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.644, 21.798, -58.931 |
---|---|
XYZ | 30.829, 26.644, 89.9 |
xyY | 0.209, 0.181, 26.644 |
CIE-LCH | 58.644, 62.833, 290.299 |
CIE-LUV | 58.644, -16.562, -95.951 |
Hunter-Lab | 51.618, 16.276, -67.128 |
Binary | 01101001, 10000110, 11110101 |
Color Schemes with #6986f5
Alternatives to #6986f5
Below, you can see some colors close to #6986f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6986f5 Preview
This text has a font color of #6986f5.
<span style="color:#6986f5;">Text here</span>
This paragraph has a background color of #6986f5.
<p style="background-color:#6986f5;">Content here</p>
This element has a border color of #6986f5.
<div style="border:1px solid #6986f5;">Content here</div>
.text {color:#6986f5;}
.background {background-color:#6986f5;}
.border {border:1px solid #6986f5;}
Shades and Tints of #6986f5
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, #010410 is the darkest color, while #fcfdff is the lightest one.
-
#010410
#010410
rgb(1,4,16)
-
#020922
#020922
rgb(2,9,34)
-
#030e34
#030e34
rgb(3,14,52)
-
#051247
#051247
rgb(5,18,71)
-
#061759
#061759
rgb(6,23,89)
-
#071c6b
#071c6b
rgb(7,28,107)
-
#08217e
#08217e
rgb(8,33,126)
-
#0a2690
#0a2690
rgb(10,38,144)
-
#0b2aa3
#0b2aa3
rgb(11,42,163)
-
#0c2fb5
#0c2fb5
rgb(12,47,181)
-
#0d34c7
#0d34c7
rgb(13,52,199)
-
#0f39da
#0f39da
rgb(15,57,218)
-
#103dec
#103dec
rgb(16,61,236)
-
#1f4bf0
#1f4bf0
rgb(31,75,240)
-
#3259f1
#3259f1
rgb(50,89,241)
-
#4468f3
#4468f3
rgb(68,104,243)
-
#5777f4
#5777f4
rgb(87,119,244)
-
#6986f5
#6986f5
rgb(105,134,245)
-
#7b95f6
#7b95f6
rgb(123,149,246)
-
#8ea4f7
#8ea4f7
rgb(142,164,247)
-
#a0b3f9
#a0b3f9
rgb(160,179,249)
-
#b3c1fa
#b3c1fa
rgb(179,193,250)
-
#c5d0fb
#c5d0fb
rgb(197,208,251)
-
#d7dffc
#d7dffc
rgb(215,223,252)
-
#eaeefe
#eaeefe
rgb(234,238,254)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #6986f5
A tone is produced by adding gray to any pure hue. In this case, #adaeb1 is the less saturated color, while #6382fb is the most saturated one.
-
#adaeb1
#adaeb1
rgb(173,174,177)
-
#a7aab7
#a7aab7
rgb(167,170,183)
-
#a0a6be
#a0a6be
rgb(160,166,190)
-
#9aa3c4
#9aa3c4
rgb(154,163,196)
-
#949fca
#949fca
rgb(148,159,202)
-
#8e9cd0
#8e9cd0
rgb(142,156,208)
-
#8898d6
#8898d6
rgb(136,152,214)
-
#8294dc
#8294dc
rgb(130,148,220)
-
#7b91e3
#7b91e3
rgb(123,145,227)
-
#758de9
#758de9
rgb(117,141,233)
-
#6f8aef
#6f8aef
rgb(111,138,239)
-
#6986f5
#6986f5
rgb(105,134,245)
-
#6382fb
#6382fb
rgb(99,130,251)
Color Blindness Simulator
Below, you can see how #6986f5 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.