#6694fa hex color

In a RGB color space, hex #6694fa is composed of 40% red, 58% green and 98% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 40.8% magenta, 0% yellow and 2% black. It has a hue angle of 221.4 degrees, a saturation of 93.7% and a lightness of 69%. #6694fa color hex could be obtained by blending #ccffff with #0029f5. Closest websafe color is: #6699ff.

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

● #6694fa color description : Soft blue.

The hexadecimal color #6694fa has RGB values of R:102, G:148, B:250 and CMYK values of C:0.59, M:0.41, Y:0, K:0.02. Its decimal value is 6722810.

Hex triplet	6694fa	`#6694fa`
RGB Decimal	102, 148, 250	`rgb(102,148,250)`
RGB Percent	40, 58, 98	`rgb(40%,58%,98%)`
CMYK	59, 41, 0, 2
HSL	221.4°, 93.7, 69	`hsl(221.4,93.7%,69%)`
HSV (or HSB)	221.4°, 59.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.427, 14.509, -55.654
XYZ	33.321, 30.905, 94.647
xyY	0.21, 0.195, 30.905
CIE-LCH	62.427, 57.514, 284.612
CIE-LUV	62.427, -22.03, -90.993
Hunter-Lab	55.592, 9.704, -62.028
Binary	01100110, 10010100, 11111010

#6694fa
```
#6694fa rgb(102,148,250)
```
#facc66
```
#facc66 rgb(250,204,102)
```

Complementary Color

#66defa
```
#66defa rgb(102,222,250)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#8266fa
```
#8266fa rgb(130,102,250)
```

Analogous Color

#defa66
```
#defa66 rgb(222,250,102)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#fa8266
```
#fa8266 rgb(250,130,102)
```

Split Complementary Color

#94fa66
```
#94fa66 rgb(148,250,102)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#fa6694
```
#fa6694 rgb(250,102,148)
```

Triadic Color

#66facc
```
#66facc rgb(102,250,204)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#fa6694
```
#fa6694 rgb(250,102,148)
```
#facc66
```
#facc66 rgb(250,204,102)
```

Tetradic Color

#1c60f8
```
#1c60f8 rgb(28,96,248)
```
#3571f8
```
#3571f8 rgb(53,113,248)
```
#4d83f9
```
#4d83f9 rgb(77,131,249)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#7fa5fb
```
#7fa5fb rgb(127,165,251)
```
#97b7fc
```
#97b7fc rgb(151,183,252)
```
#b0c8fc
```
#b0c8fc rgb(176,200,252)
```

Monochromatic Color

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

#66b9fa
```
#66b9fa rgb(102,185,250)
```
#66adfa
```
#66adfa rgb(102,173,250)
```
#66a0fa
```
#66a0fa rgb(102,160,250)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#6688fa
```
#6688fa rgb(102,136,250)
```
#667bfa
```
#667bfa rgb(102,123,250)
```
#666ffa
```
#666ffa rgb(102,111,250)
```

Similar Colors

Text with hexadecimal color #6694fa

This text has a font color of #6694fa.

<span style="color:#6694fa;">Text here</span>

#6694fa background color

This paragraph has a background color of #6694fa.

<p style="background-color:#6694fa;">Content here</p>

#6694fa border color

This element has a border color of #6694fa.

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

CSS codes

.text {color:#6694fa;}

.background {background-color:#6694fa;}

.border {border:1px solid #6694fa;}

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, #010612 is the darkest color, while #fefeff is the lightest one.

#010612
```
#010612 rgb(1,6,18)
```
#010c25
```
#010c25 rgb(1,12,37)
```
#021338
```
#021338 rgb(2,19,56)
```
#02194b
```
#02194b rgb(2,25,75)
```
#031f5e
```
#031f5e rgb(3,31,94)
```
#042671
```
#042671 rgb(4,38,113)
```
#042c84
```
#042c84 rgb(4,44,132)
```
#053297
```
#053297 rgb(5,50,151)
```
#0639aa
```
#0639aa rgb(6,57,170)
```
#063fbd
```
#063fbd rgb(6,63,189)
```
#0745d0
```
#0745d0 rgb(7,69,208)
```
#074ce3
```
#074ce3 rgb(7,76,227)
```
#0852f6
```
#0852f6 rgb(8,82,246)
```

Shade Color Variation

#1a5ff8
```
#1a5ff8 rgb(26,95,248)
```
#2d6cf8
```
#2d6cf8 rgb(45,108,248)
```
#4079f9
```
#4079f9 rgb(64,121,249)
```
#5387f9
```
#5387f9 rgb(83,135,249)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#79a1fb
```
#79a1fb rgb(121,161,251)
```
#8caffb
```
#8caffb rgb(140,175,251)
```
#9fbcfc
```
#9fbcfc rgb(159,188,252)
```
#b2c9fc
```
#b2c9fc rgb(178,201,252)
```
#c5d6fd
```
#c5d6fd rgb(197,214,253)
```
#d8e4fe
```
#d8e4fe rgb(216,228,254)
```
#ebf1fe
```
#ebf1fe rgb(235,241,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#afb0b1
```
#afb0b1 rgb(175,176,177)
```
#a9adb7
```
#a9adb7 rgb(169,173,183)
```
#a3abbd
```
#a3abbd rgb(163,171,189)
```
#9da9c3
```
#9da9c3 rgb(157,169,195)
```
#97a6c9
```
#97a6c9 rgb(151,166,201)
```
#91a4cf
```
#91a4cf rgb(145,164,207)
```
#8aa2d6
```
#8aa2d6 rgb(138,162,214)
```
#849fdc
```
#849fdc rgb(132,159,220)
```
#7e9de2
```
#7e9de2 rgb(126,157,226)
```
#789be8
```
#789be8 rgb(120,155,232)
```
#7299ee
```
#7299ee rgb(114,153,238)
```
#6c96f4
```
#6c96f4 rgb(108,150,244)
```
#6694fa
```
#6694fa rgb(102,148,250)
```

Tone Color Variation

Below, you can see how #6694fa 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

#929292 Achromatopsia 0.005% of the population
#8992a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7099f9 Protanopia 1% of men
#579df8 Deuteranopia 1% of men
#44a9b5 Tritanopia 0.001% of the population

Trichromacy

#6c97f9 Protanomaly 1% of men, 0.01% of women
#5c9af9 Deuteranomaly 6% of men, 0.4% of women
#50a1ce Tritanomaly 0.01% of the population

#6694fa hex color

#6694fa Color Information

#6694fa Color Conversion

Color Schemes with #6694fa

Alternatives to #6694fa

#6694fa Preview

Shades and Tints of #6694fa

Tones of #6694fa

Color Blindness Simulator