#6668f1 hex color

In a RGB color space, hex #6668f1 is composed of 40% red, 40.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 56.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 239.1 degrees, a saturation of 83.2% and a lightness of 67.3%. #6668f1 color hex could be obtained by blending #ccd0ff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 41
- B 95
RGB color chart
- C 58
- M 57
- Y 0
- K 5
CMYK color chart

● #6668f1 color description : Soft blue.

The hexadecimal color #6668f1 has RGB values of R:102, G:104, B:241 and CMYK values of C:0.58, M:0.57, Y:0, K:0.05. Its decimal value is 6711537.

Hex triplet	6668f1	`#6668f1`
RGB Decimal	102, 104, 241	`rgb(102,104,241)`
RGB Percent	40, 40.8, 94.5	`rgb(40%,40.8%,94.5%)`
CMYK	58, 57, 0, 5
HSL	239.1°, 83.2, 67.3	`hsl(239.1,83.2%,67.3%)`
HSV (or HSB)	239.1°, 57.7, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.775, 38.011, -69.393
XYZ	26.304, 19.075, 85.51
xyY	0.201, 0.146, 19.075
CIE-LCH	50.775, 79.122, 298.712
CIE-LUV	50.775, -8.525, -109.968
Hunter-Lab	43.675, 31.072, -85.509
Binary	01100110, 01101000, 11110001

#6668f1
```
#6668f1 rgb(102,104,241)
```
#f1ef66
```
#f1ef66 rgb(241,239,102)
```

Complementary Color

#66aef1
```
#66aef1 rgb(102,174,241)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#aa66f1
```
#aa66f1 rgb(170,102,241)
```

Analogous Color

#aef166
```
#aef166 rgb(174,241,102)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#f1aa66
```
#f1aa66 rgb(241,170,102)
```

Split Complementary Color

#68f166
```
#68f166 rgb(104,241,102)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#f16668
```
#f16668 rgb(241,102,104)
```

Triadic Color

#66f1ef
```
#66f1ef rgb(102,241,239)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#f16668
```
#f16668 rgb(241,102,104)
```
#f1ef66
```
#f1ef66 rgb(241,239,102)
```

Tetradic Color

#2023eb
```
#2023eb rgb(32,35,235)
```
#373aed
```
#373aed rgb(55,58,237)
```
#4f51ef
```
#4f51ef rgb(79,81,239)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#7d7ff3
```
#7d7ff3 rgb(125,127,243)
```
#9596f5
```
#9596f5 rgb(149,150,245)
```
#acadf7
```
#acadf7 rgb(172,173,247)
```

Monochromatic Color

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

#668bf1
```
#668bf1 rgb(102,139,241)
```
#667ff1
```
#667ff1 rgb(102,127,241)
```
#6674f1
```
#6674f1 rgb(102,116,241)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#7066f1
```
#7066f1 rgb(112,102,241)
```
#7b66f1
```
#7b66f1 rgb(123,102,241)
```
#8766f1
```
#8766f1 rgb(135,102,241)
```

Similar Colors

Text with hexadecimal color #6668f1

This text has a font color of #6668f1.

<span style="color:#6668f1;">Text here</span>

#6668f1 background color

This paragraph has a background color of #6668f1.

<p style="background-color:#6668f1;">Content here</p>

#6668f1 border color

This element has a border color of #6668f1.

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

CSS codes

.text {color:#6668f1;}

.background {background-color:#6668f1;}

.border {border:1px solid #6668f1;}

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

#010109
```
#010109 rgb(1,1,9)
```
#02031b
```
#02031b rgb(2,3,27)
```
#04052d
```
#04052d rgb(4,5,45)
```
#06073f
```
#06073f rgb(6,7,63)
```
#070851
```
#070851 rgb(7,8,81)
```
#090a63
```
#090a63 rgb(9,10,99)
```
#0b0c75
```
#0b0c75 rgb(11,12,117)
```
#0c0e87
```
#0c0e87 rgb(12,14,135)
```
#0e1099
```
#0e1099 rgb(14,16,153)
```
#1012aa
```
#1012aa rgb(16,18,170)
```
#1114bc
```
#1114bc rgb(17,20,188)
```
#1316ce
```
#1316ce rgb(19,22,206)
```
#1517e0
```
#1517e0 rgb(21,23,224)
```

Shade Color Variation

#1e21ea
```
#1e21ea rgb(30,33,234)
```
#3033ec
```
#3033ec rgb(48,51,236)
```
#4245ee
```
#4245ee rgb(66,69,238)
```
#5456ef
```
#5456ef rgb(84,86,239)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#787af3
```
#787af3 rgb(120,122,243)
```
#8a8bf4
```
#8a8bf4 rgb(138,139,244)
```
#9c9df6
```
#9c9df6 rgb(156,157,246)
```
#aeaff8
```
#aeaff8 rgb(174,175,248)
```
#c0c1f9
```
#c0c1f9 rgb(192,193,249)
```
#d2d2fb
```
#d2d2fb rgb(210,210,251)
```
#e4e4fd
```
#e4e4fd rgb(228,228,253)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#a6a6b1
```
#a6a6b1 rgb(166,166,177)
```
#a0a0b7
```
#a0a0b7 rgb(160,160,183)
```
#999abe
```
#999abe rgb(153,154,190)
```
#9394c4
```
#9394c4 rgb(147,148,196)
```
#8d8dca
```
#8d8dca rgb(141,141,202)
```
#8687d1
```
#8687d1 rgb(134,135,209)
```
#8081d7
```
#8081d7 rgb(128,129,215)
```
#797bde
```
#797bde rgb(121,123,222)
```
#7374e4
```
#7374e4 rgb(115,116,228)
```
#6c6eeb
```
#6c6eeb rgb(108,110,235)
```
#6668f1
```
#6668f1 rgb(102,104,241)
```
#6062f7
```
#6062f7 rgb(96,98,247)
```
#595cfe
```
#595cfe rgb(89,92,254)
```

Tone Color Variation

Below, you can see how #6668f1 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

#777777 Achromatopsia 0.005% of the population
#74748f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#388a94 Tritanopia 0.001% of the population

Trichromacy

#2574f2 Protanomaly 1% of men, 0.01% of women
#2578df Deuteranomaly 6% of men, 0.4% of women
#487db6 Tritanomaly 0.01% of the population

#6668f1 hex color

#6668f1 Color Information

#6668f1 Color Conversion

Color Schemes with #6668f1

Alternatives to #6668f1

#6668f1 Preview

Shades and Tints of #6668f1

Tones of #6668f1

Color Blindness Simulator