#669cfa hex color

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

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

● #669cfa color description : Soft blue.

The hexadecimal color #669cfa has RGB values of R:102, G:156, B:250 and CMYK values of C:0.59, M:0.38, Y:0, K:0.02. Its decimal value is 6724858.

Hex triplet	669cfa	`#669cfa`
RGB Decimal	102, 156, 250	`rgb(102,156,250)`
RGB Percent	40, 61.2, 98	`rgb(40%,61.2%,98%)`
CMYK	59, 38, 0, 2
HSL	218.1°, 93.7, 69	`hsl(218.1,93.7%,69%)`
HSV (or HSB)	218.1°, 59.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.565, 9.815, -52.258
XYZ	34.619, 33.502, 95.079
xyY	0.212, 0.205, 33.502
CIE-LCH	64.565, 53.172, 280.637
CIE-LUV	64.565, -24.722, -85.361
Hunter-Lab	57.881, 5.473, -56.878
Binary	01100110, 10011100, 11111010

#669cfa
```
#669cfa rgb(102,156,250)
```
#fac466
```
#fac466 rgb(250,196,102)
```

Complementary Color

#66e6fa
```
#66e6fa rgb(102,230,250)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#7a66fa
```
#7a66fa rgb(122,102,250)
```

Analogous Color

#e6fa66
```
#e6fa66 rgb(230,250,102)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#fa7a66
```
#fa7a66 rgb(250,122,102)
```

Split Complementary Color

#9cfa66
```
#9cfa66 rgb(156,250,102)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#fa669c
```
#fa669c rgb(250,102,156)
```

Triadic Color

#66fac4
```
#66fac4 rgb(102,250,196)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#fa669c
```
#fa669c rgb(250,102,156)
```
#fac466
```
#fac466 rgb(250,196,102)
```

Tetradic Color

#1c6cf8
```
#1c6cf8 rgb(28,108,248)
```
#357cf8
```
#357cf8 rgb(53,124,248)
```
#4d8cf9
```
#4d8cf9 rgb(77,140,249)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#7facfb
```
#7facfb rgb(127,172,251)
```
#97bcfc
```
#97bcfc rgb(151,188,252)
```
#b0ccfc
```
#b0ccfc rgb(176,204,252)
```

Monochromatic Color

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

#66c1fa
```
#66c1fa rgb(102,193,250)
```
#66b5fa
```
#66b5fa rgb(102,181,250)
```
#66a8fa
```
#66a8fa rgb(102,168,250)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#6690fa
```
#6690fa rgb(102,144,250)
```
#6683fa
```
#6683fa rgb(102,131,250)
```
#6677fa
```
#6677fa rgb(102,119,250)
```

Similar Colors

Text with hexadecimal color #669cfa

This text has a font color of #669cfa.

<span style="color:#669cfa;">Text here</span>

#669cfa background color

This paragraph has a background color of #669cfa.

<p style="background-color:#669cfa;">Content here</p>

#669cfa border color

This element has a border color of #669cfa.

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

CSS codes

.text {color:#669cfa;}

.background {background-color:#669cfa;}

.border {border:1px solid #669cfa;}

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

#010712
```
#010712 rgb(1,7,18)
```
#010e25
```
#010e25 rgb(1,14,37)
```
#021638
```
#021638 rgb(2,22,56)
```
#021d4b
```
#021d4b rgb(2,29,75)
```
#03245e
```
#03245e rgb(3,36,94)
```
#042c71
```
#042c71 rgb(4,44,113)
```
#043384
```
#043384 rgb(4,51,132)
```
#053a97
```
#053a97 rgb(5,58,151)
```
#0642aa
```
#0642aa rgb(6,66,170)
```
#0649bd
```
#0649bd rgb(6,73,189)
```
#0750d0
```
#0750d0 rgb(7,80,208)
```
#0757e3
```
#0757e3 rgb(7,87,227)
```
#085ff6
```
#085ff6 rgb(8,95,246)
```

Shade Color Variation

#1a6bf8
```
#1a6bf8 rgb(26,107,248)
```
#2d77f8
```
#2d77f8 rgb(45,119,248)
```
#4083f9
```
#4083f9 rgb(64,131,249)
```
#5390f9
```
#5390f9 rgb(83,144,249)
```
#669cfa
```
#669cfa rgb(102,156,250)
```
#79a8fb
```
#79a8fb rgb(121,168,251)
```
#8cb5fb
```
#8cb5fb rgb(140,181,251)
```
#9fc1fc
```
#9fc1fc rgb(159,193,252)
```
#b2cdfc
```
#b2cdfc rgb(178,205,252)
```
#c5d9fd
```
#c5d9fd rgb(197,217,253)
```
#d8e6fe
```
#d8e6fe rgb(216,230,254)
```
#ebf2fe
```
#ebf2fe rgb(235,242,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 #669cfa is the most saturated one.

#afb0b1
```
#afb0b1 rgb(175,176,177)
```
#a9aeb7
```
#a9aeb7 rgb(169,174,183)
```
#a3acbd
```
#a3acbd rgb(163,172,189)
```
#9dabc3
```
#9dabc3 rgb(157,171,195)
```
#97a9c9
```
#97a9c9 rgb(151,169,201)
```
#91a7cf
```
#91a7cf rgb(145,167,207)
```
#8aa6d6
```
#8aa6d6 rgb(138,166,214)
```
#84a4dc
```
#84a4dc rgb(132,164,220)
```
#7ea3e2
```
#7ea3e2 rgb(126,163,226)
```
#78a1e8
```
#78a1e8 rgb(120,161,232)
```
#729fee
```
#729fee rgb(114,159,238)
```
#6c9ef4
```
#6c9ef4 rgb(108,158,244)
```
#669cfa
```
#669cfa rgb(102,156,250)
```

Tone Color Variation

Below, you can see how #669cfa 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

#979797 Achromatopsia 0.005% of the population
#8d98ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9ef8 Protanopia 1% of men
#67a2f9 Deuteranopia 1% of men
#48afbb Tritanopia 0.001% of the population

Trichromacy

#749df8 Protanomaly 1% of men, 0.01% of women
#679ff9 Deuteranomaly 6% of men, 0.4% of women
#53a8d2 Tritanomaly 0.01% of the population

#669cfa hex color

#669cfa Color Information

#669cfa Color Conversion

Color Schemes with #669cfa

Alternatives to #669cfa

#669cfa Preview

Shades and Tints of #669cfa

Tones of #669cfa

Color Blindness Simulator