colorhexa.com

#6986df hex color

In a RGB color space, hex #6986df is composed of 41.2% red, 52.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 39.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 225.3 degrees, a saturation of 64.8% and a lightness of 64.3%. #6986df color hex could be obtained by blending #d2ffff with #000dbf. Closest websafe color is: #6699cc.

- R 41
- G 53
- B 87
RGB color chart
- C 53
- M 40
- Y 0
- K 13
CMYK color chart

● #6986df color description : Soft blue.

The hexadecimal color #6986df has RGB values of R:105, G:134, B:223 and CMYK values of C:0.53, M:0.4, Y:0, K:0.13. Its decimal value is 6915807.

Hex triplet	6986df	`#6986df`
RGB Decimal	105, 134, 223	`rgb(105,134,223)`
RGB Percent	41.2, 52.5, 87.5	`rgb(41.2%,52.5%,87.5%)`
CMYK	53, 40, 0, 13
HSL	225.3°, 64.8, 64.3	`hsl(225.3,64.8%,64.3%)`
HSV (or HSB)	225.3°, 52.9, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.444, 14.802, -48.617
XYZ	27.667, 25.38, 73.249
xyY	0.219, 0.201, 25.38
CIE-LCH	57.444, 50.82, 286.933
CIE-LUV	57.444, -16.165, -78.169
Hunter-Lab	50.378, 9.868, -50.941
Binary	01101001, 10000110, 11011111

#6986df
```
#6986df rgb(105,134,223)
```
#dfc269
```
#dfc269 rgb(223,194,105)
```

Complementary Color

#69c1df
```
#69c1df rgb(105,193,223)
```
#6986df
```
#6986df rgb(105,134,223)
```
#8769df
```
#8769df rgb(135,105,223)
```

Analogous Color

#c1df69
```
#c1df69 rgb(193,223,105)
```
#6986df
```
#6986df rgb(105,134,223)
```
#df8769
```
#df8769 rgb(223,135,105)
```

Split Complementary Color

#86df69
```
#86df69 rgb(134,223,105)
```
#6986df
```
#6986df rgb(105,134,223)
```
#df6986
```
#df6986 rgb(223,105,134)
```

Triadic Color

#69dfc2
```
#69dfc2 rgb(105,223,194)
```
#6986df
```
#6986df rgb(105,134,223)
```
#df6986
```
#df6986 rgb(223,105,134)
```
#dfc269
```
#dfc269 rgb(223,194,105)
```

Tetradic Color

#2c54cf
```
#2c54cf rgb(44,84,207)
```
#3f64d6
```
#3f64d6 rgb(63,100,214)
```
#5475db
```
#5475db rgb(84,117,219)
```
#6986df
```
#6986df rgb(105,134,223)
```
#7e97e3
```
#7e97e3 rgb(126,151,227)
```
#93a8e8
```
#93a8e8 rgb(147,168,232)
```
#a8b9ec
```
#a8b9ec rgb(168,185,236)
```

Monochromatic Color

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

#69a4df
```
#69a4df rgb(105,164,223)
```
#699adf
```
#699adf rgb(105,154,223)
```
#6990df
```
#6990df rgb(105,144,223)
```
#6986df
```
#6986df rgb(105,134,223)
```
#697cdf
```
#697cdf rgb(105,124,223)
```
#6972df
```
#6972df rgb(105,114,223)
```
#6a69df
```
#6a69df rgb(106,105,223)
```

Similar Colors

Text with hexadecimal color #6986df

This text has a font color of #6986df.

<span style="color:#6986df;">Text here</span>

#6986df background color

This paragraph has a background color of #6986df.

<p style="background-color:#6986df;">Content here</p>

#6986df border color

This element has a border color of #6986df.

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

CSS codes

.text {color:#6986df;}

.background {background-color:#6986df;}

.border {border:1px solid #6986df;}

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#060b1c
```
#060b1c rgb(6,11,28)
```
#09122c
```
#09122c rgb(9,18,44)
```
#0d183c
```
#0d183c rgb(13,24,60)
```
#101f4c
```
#101f4c rgb(16,31,76)
```
#14265c
```
#14265c rgb(20,38,92)
```
#172c6d
```
#172c6d rgb(23,44,109)
```
#1b337d
```
#1b337d rgb(27,51,125)
```
#1e398d
```
#1e398d rgb(30,57,141)
```
#22409d
```
#22409d rgb(34,64,157)
```
#2546ad
```
#2546ad rgb(37,70,173)
```
#284dbd
```
#284dbd rgb(40,77,189)
```
#2c54ce
```
#2c54ce rgb(44,84,206)
```

Shade Color Variation

#395fd5
```
#395fd5 rgb(57,95,213)
```
#496cd8
```
#496cd8 rgb(73,108,216)
```
#5979dc
```
#5979dc rgb(89,121,220)
```
#6986df
```
#6986df rgb(105,134,223)
```
#7993e2
```
#7993e2 rgb(121,147,226)
```
#89a0e6
```
#89a0e6 rgb(137,160,230)
```
#99ade9
```
#99ade9 rgb(153,173,233)
```
#aabaed
```
#aabaed rgb(170,186,237)
```
#bac7f0
```
#bac7f0 rgb(186,199,240)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#dae1f7
```
#dae1f7 rgb(218,225,247)
```
#eaeefb
```
#eaeefb rgb(234,238,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#a1a2a7
```
#a1a2a7 rgb(161,162,167)
```
#9a9fae
```
#9a9fae rgb(154,159,174)
```
#939bb5
```
#939bb5 rgb(147,155,181)
```
#8c98bc
```
#8c98bc rgb(140,152,188)
```
#8594c3
```
#8594c3 rgb(133,148,195)
```
#7e91ca
```
#7e91ca rgb(126,145,202)
```
#778dd1
```
#778dd1 rgb(119,141,209)
```
#708ad8
```
#708ad8 rgb(112,138,216)
```
#6986df
```
#6986df rgb(105,134,223)
```
#6282e6
```
#6282e6 rgb(98,130,230)
```
#5b7fed
```
#5b7fed rgb(91,127,237)
```
#547bf4
```
#547bf4 rgb(84,123,244)
```
#4d78fb
```
#4d78fb rgb(77,120,251)
```

Tone Color Variation

Below, you can see how #6986df 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

#878787 Achromatopsia 0.005% of the population
#818799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b8de1 Protanopia 1% of men
#5b90de Deuteranopia 1% of men
#5599a5 Tritanopia 0.001% of the population

Trichromacy

#6a8ae0 Protanomaly 1% of men, 0.01% of women
#608cde Deuteranomaly 6% of men, 0.4% of women
#5c92ba Tritanomaly 0.01% of the population