#686ffa hex color

In a RGB color space, hex #686ffa is composed of 40.8% red, 43.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 55.6% magenta, 0% yellow and 2% black. It has a hue angle of 237.1 degrees, a saturation of 93.6% and a lightness of 69.4%. #686ffa color hex could be obtained by blending #d0deff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 44
- B 98
RGB color chart
- C 58
- M 56
- Y 0
- K 2
CMYK color chart

● #686ffa color description : Soft blue.

The hexadecimal color #686ffa has RGB values of R:104, G:111, B:250 and CMYK values of C:0.58, M:0.56, Y:0, K:0.02. Its decimal value is 6844410.

Hex triplet	686ffa	`#686ffa`
RGB Decimal	104, 111, 250	`rgb(104,111,250)`
RGB Percent	40.8, 43.5, 98	`rgb(40.8%,43.5%,98%)`
CMYK	58, 56, 0, 2
HSL	237.1°, 93.6, 69.4	`hsl(237.1,93.6%,69.4%)`
HSV (or HSB)	237.1°, 58.4, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.182, 37.032, -70.496
XYZ	28.645, 21.213, 93.022
xyY	0.2, 0.148, 21.213
CIE-LCH	53.182, 79.631, 297.713
CIE-LUV	53.182, -10.215, -112.908
Hunter-Lab	46.057, 30.417, -87.508
Binary	01101000, 01101111, 11111010

#686ffa
```
#686ffa rgb(104,111,250)
```
#faf368
```
#faf368 rgb(250,243,104)
```

Complementary Color

#68b8fa
```
#68b8fa rgb(104,184,250)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#aa68fa
```
#aa68fa rgb(170,104,250)
```

Analogous Color

#b8fa68
```
#b8fa68 rgb(184,250,104)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#faaa68
```
#faaa68 rgb(250,170,104)
```

Split Complementary Color

#6ffa68
```
#6ffa68 rgb(111,250,104)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#fa686f
```
#fa686f rgb(250,104,111)
```

Triadic Color

#68faf3
```
#68faf3 rgb(104,250,243)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#fa686f
```
#fa686f rgb(250,104,111)
```
#faf368
```
#faf368 rgb(250,243,104)
```

Tetradic Color

#1e28f8
```
#1e28f8 rgb(30,40,248)
```
#3740f8
```
#3740f8 rgb(55,64,248)
```
#4f57f9
```
#4f57f9 rgb(79,87,249)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#8187fb
```
#8187fb rgb(129,135,251)
```
#999efc
```
#999efc rgb(153,158,252)
```
#b2b6fc
```
#b2b6fc rgb(178,182,252)
```

Monochromatic Color

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

#6894fa
```
#6894fa rgb(104,148,250)
```
#6887fa
```
#6887fa rgb(104,135,250)
```
#687bfa
```
#687bfa rgb(104,123,250)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#6d68fa
```
#6d68fa rgb(109,104,250)
```
#7968fa
```
#7968fa rgb(121,104,250)
```
#8668fa
```
#8668fa rgb(134,104,250)
```

Similar Colors

Text with hexadecimal color #686ffa

This text has a font color of #686ffa.

<span style="color:#686ffa;">Text here</span>

#686ffa background color

This paragraph has a background color of #686ffa.

<p style="background-color:#686ffa;">Content here</p>

#686ffa border color

This element has a border color of #686ffa.

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

CSS codes

.text {color:#686ffa;}

.background {background-color:#686ffa;}

.border {border:1px solid #686ffa;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010214
```
#010214 rgb(1,2,20)
```
#010327
```
#010327 rgb(1,3,39)
```
#02053a
```
#02053a rgb(2,5,58)
```
#03064d
```
#03064d rgb(3,6,77)
```
#030860
```
#030860 rgb(3,8,96)
```
#040973
```
#040973 rgb(4,9,115)
```
#040b86
```
#040b86 rgb(4,11,134)
```
#050c99
```
#050c99 rgb(5,12,153)
```
#060eac
```
#060eac rgb(6,14,172)
```
#060fbf
```
#060fbf rgb(6,15,191)
```
#0711d2
```
#0711d2 rgb(7,17,210)
```
#0812e5
```
#0812e5 rgb(8,18,229)
```

Shade Color Variation

#0914f7
```
#0914f7 rgb(9,20,247)
```
#1c27f7
```
#1c27f7 rgb(28,39,247)
```
#2f39f8
```
#2f39f8 rgb(47,57,248)
```
#424bf9
```
#424bf9 rgb(66,75,249)
```
#555df9
```
#555df9 rgb(85,93,249)
```
#686ffa
```
#686ffa rgb(104,111,250)
```
#7b81fb
```
#7b81fb rgb(123,129,251)
```
#8e93fb
```
#8e93fb rgb(142,147,251)
```
#a1a5fc
```
#a1a5fc rgb(161,165,252)
```
#b4b7fd
```
#b4b7fd rgb(180,183,253)
```
#c7cafd
```
#c7cafd rgb(199,202,253)
```
#dadcfe
```
#dadcfe rgb(218,220,254)
```
#edeefe
```
#edeefe rgb(237,238,254)
```

Tint Color Variation

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

#b0b0b2
```
#b0b0b2 rgb(176,176,178)
```
#aaabb8
```
#aaabb8 rgb(170,171,184)
```
#a4a5be
```
#a4a5be rgb(164,165,190)
```
#9ea0c4
```
#9ea0c4 rgb(158,160,196)
```
#989aca
```
#989aca rgb(152,154,202)
```
#9295d0
```
#9295d0 rgb(146,149,208)
```
#8c90d6
```
#8c90d6 rgb(140,144,214)
```
#868adc
```
#868adc rgb(134,138,220)
```
#8085e2
```
#8085e2 rgb(128,133,226)
```
#7a7fe8
```
#7a7fe8 rgb(122,127,232)
```
#747aee
```
#747aee rgb(116,122,238)
```
#6e74f4
```
#6e74f4 rgb(110,116,244)
```
#686ffa
```
#686ffa rgb(104,111,250)
```

Tone Color Variation

Below, you can see how #686ffa 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

#7d7d7d Achromatopsia 0.005% of the population
#797a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fe Protanopia 1% of men
#0088df Deuteranopia 1% of men
#36919b Tritanopia 0.001% of the population

Trichromacy

#257afc Protanomaly 1% of men, 0.01% of women
#257fe9 Deuteranomaly 6% of men, 0.4% of women
#4884be Tritanomaly 0.01% of the population

#686ffa hex color

#686ffa Color Information

#686ffa Color Conversion

Color Schemes with #686ffa

Alternatives to #686ffa

#686ffa Preview

Shades and Tints of #686ffa

Tones of #686ffa

Color Blindness Simulator