#6670f2 hex color

In a RGB color space, hex #6670f2 is composed of 40% red, 43.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 53.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 235.7 degrees, a saturation of 84.3% and a lightness of 67.5%. #6670f2 color hex could be obtained by blending #cce0ff with #0000e5. Closest websafe color is: #6666ff.

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

● #6670f2 color description : Soft blue.

The hexadecimal color #6670f2 has RGB values of R:102, G:112, B:242 and CMYK values of C:0.58, M:0.54, Y:0, K:0.05. Its decimal value is 6713586.

Hex triplet	6670f2	`#6670f2`
RGB Decimal	102, 112, 242	`rgb(102,112,242)`
RGB Percent	40, 43.9, 94.9	`rgb(40%,43.9%,94.9%)`
CMYK	58, 54, 0, 5
HSL	235.7°, 84.3, 67.5	`hsl(235.7,84.3%,67.5%)`
HSV (or HSB)	235.7°, 57.9, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.755, 33.529, -66.746
XYZ	27.297, 20.823, 86.58
xyY	0.203, 0.155, 20.823
CIE-LCH	52.755, 74.694, 296.672
CIE-LUV	52.755, -10.745, -106.762
Hunter-Lab	45.632, 26.925, -80.552
Binary	01100110, 01110000, 11110010

#6670f2
```
#6670f2 rgb(102,112,242)
```
#f2e866
```
#f2e866 rgb(242,232,102)
```

Complementary Color

#66b6f2
```
#66b6f2 rgb(102,182,242)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#a266f2
```
#a266f2 rgb(162,102,242)
```

Analogous Color

#b6f266
```
#b6f266 rgb(182,242,102)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#f2a266
```
#f2a266 rgb(242,162,102)
```

Split Complementary Color

#70f266
```
#70f266 rgb(112,242,102)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#f26670
```
#f26670 rgb(242,102,112)
```

Triadic Color

#66f2e8
```
#66f2e8 rgb(102,242,232)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#f26670
```
#f26670 rgb(242,102,112)
```
#f2e866
```
#f2e866 rgb(242,232,102)
```

Tetradic Color

#1f2eec
```
#1f2eec rgb(31,46,236)
```
#3744ee
```
#3744ee rgb(55,68,238)
```
#4e5af0
```
#4e5af0 rgb(78,90,240)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#7e86f4
```
#7e86f4 rgb(126,134,244)
```
#959cf6
```
#959cf6 rgb(149,156,246)
```
#adb2f8
```
#adb2f8 rgb(173,178,248)
```

Monochromatic Color

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

#6693f2
```
#6693f2 rgb(102,147,242)
```
#6687f2
```
#6687f2 rgb(102,135,242)
```
#667cf2
```
#667cf2 rgb(102,124,242)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#6866f2
```
#6866f2 rgb(104,102,242)
```
#7366f2
```
#7366f2 rgb(115,102,242)
```
#7f66f2
```
#7f66f2 rgb(127,102,242)
```

Similar Colors

Text with hexadecimal color #6670f2

This text has a font color of #6670f2.

<span style="color:#6670f2;">Text here</span>

#6670f2 background color

This paragraph has a background color of #6670f2.

<p style="background-color:#6670f2;">Content here</p>

#6670f2 border color

This element has a border color of #6670f2.

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

CSS codes

.text {color:#6670f2;}

.background {background-color:#6670f2;}

.border {border:1px solid #6670f2;}

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, #01010a is the darkest color, while #f7f7fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#02041c
```
#02041c rgb(2,4,28)
```
#04072e
```
#04072e rgb(4,7,46)
```
#050a40
```
#050a40 rgb(5,10,64)
```
#070c52
```
#070c52 rgb(7,12,82)
```
#090f64
```
#090f64 rgb(9,15,100)
```
#0a1276
```
#0a1276 rgb(10,18,118)
```
#0c1488
```
#0c1488 rgb(12,20,136)
```
#0d179a
```
#0d179a rgb(13,23,154)
```
#0f1aac
```
#0f1aac rgb(15,26,172)
```
#101dbf
```
#101dbf rgb(16,29,191)
```
#121fd1
```
#121fd1 rgb(18,31,209)
```
#1322e3
```
#1322e3 rgb(19,34,227)
```

Shade Color Variation

#1e2cec
```
#1e2cec rgb(30,44,236)
```
#303ded
```
#303ded rgb(48,61,237)
```
#424eef
```
#424eef rgb(66,78,239)
```
#545ff0
```
#545ff0 rgb(84,95,240)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#7881f4
```
#7881f4 rgb(120,129,244)
```
#8a92f5
```
#8a92f5 rgb(138,146,245)
```
#9ca3f7
```
#9ca3f7 rgb(156,163,247)
```
#aeb4f8
```
#aeb4f8 rgb(174,180,248)
```
#c0c4fa
```
#c0c4fa rgb(192,196,250)
```
#d2d5fb
```
#d2d5fb rgb(210,213,251)
```
#e5e6fd
```
#e5e6fd rgb(229,230,253)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#a6a7b2
```
#a6a7b2 rgb(166,167,178)
```
#9fa1b9
```
#9fa1b9 rgb(159,161,185)
```
#999cbf
```
#999cbf rgb(153,156,191)
```
#9396c5
```
#9396c5 rgb(147,150,197)
```
#8c91cc
```
#8c91cc rgb(140,145,204)
```
#868bd2
```
#868bd2 rgb(134,139,210)
```
#8086d8
```
#8086d8 rgb(128,134,216)
```
#7980df
```
#7980df rgb(121,128,223)
```
#737be5
```
#737be5 rgb(115,123,229)
```
#6c75ec
```
#6c75ec rgb(108,117,236)
```
#6670f2
```
#6670f2 rgb(102,112,242)
```
#606bf8
```
#606bf8 rgb(96,107,248)
```
#5965ff
```
#5965ff rgb(89,101,255)
```

Tone Color Variation

Below, you can see how #6670f2 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

#7c7c7c Achromatopsia 0.005% of the population
#787a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1780fb Protanopia 1% of men
#0087de Deuteranopia 1% of men
#3a8f9a Tritanopia 0.001% of the population

Trichromacy

#347af7 Protanomaly 1% of men, 0.01% of women
#257ee5 Deuteranomaly 6% of men, 0.4% of women
#4a84ba Tritanomaly 0.01% of the population

#6670f2 hex color

#6670f2 Color Information

#6670f2 Color Conversion

Color Schemes with #6670f2

Alternatives to #6670f2

#6670f2 Preview

Shades and Tints of #6670f2

Tones of #6670f2

Color Blindness Simulator