#707cf1 hex color

In a RGB color space, hex #707cf1 is composed of 43.9% red, 48.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 48.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 234.4 degrees, a saturation of 82.2% and a lightness of 69.2%. #707cf1 color hex could be obtained by blending #e0f8ff with #0000e3. Closest websafe color is: #6666ff.

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

● #707cf1 color description : Soft blue.

The hexadecimal color #707cf1 has RGB values of R:112, G:124, B:241 and CMYK values of C:0.54, M:0.49, Y:0, K:0.05. Its decimal value is 7372017.

Hex triplet	707cf1	`#707cf1`
RGB Decimal	112, 124, 241	`rgb(112,124,241)`
RGB Percent	43.9, 48.6, 94.5	`rgb(43.9%,48.6%,94.5%)`
CMYK	54, 49, 0, 5
HSL	234.4°, 82.2, 69.2	`hsl(234.4,82.2%,69.2%)`
HSV (or HSB)	234.4°, 53.5, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.297, 27.911, -60.452
XYZ	29.764, 24.21, 86.319
xyY	0.212, 0.173, 24.21
CIE-LCH	56.297, 66.584, 294.783
CIE-LUV	56.297, -11.126, -98.131
Hunter-Lab	49.203, 21.871, -69.572
Binary	01110000, 01111100, 11110001

#707cf1
```
#707cf1 rgb(112,124,241)
```
#f1e570
```
#f1e570 rgb(241,229,112)
```

Complementary Color

#70bdf1
```
#70bdf1 rgb(112,189,241)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#a570f1
```
#a570f1 rgb(165,112,241)
```

Analogous Color

#bdf170
```
#bdf170 rgb(189,241,112)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#f1a570
```
#f1a570 rgb(241,165,112)
```

Split Complementary Color

#7cf170
```
#7cf170 rgb(124,241,112)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#f1707c
```
#f1707c rgb(241,112,124)
```

Triadic Color

#70f1e5
```
#70f1e5 rgb(112,241,229)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#f1707c
```
#f1707c rgb(241,112,124)
```
#f1e570
```
#f1e570 rgb(241,229,112)
```

Tetradic Color

#2a3cea
```
#2a3cea rgb(42,60,234)
```
#4251ec
```
#4251ec rgb(66,81,236)
```
#5967ef
```
#5967ef rgb(89,103,239)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#8791f3
```
#8791f3 rgb(135,145,243)
```
#9ea7f6
```
#9ea7f6 rgb(158,167,246)
```
#b6bcf8
```
#b6bcf8 rgb(182,188,248)
```

Monochromatic Color

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

#709cf1
```
#709cf1 rgb(112,156,241)
```
#7092f1
```
#7092f1 rgb(112,146,241)
```
#7087f1
```
#7087f1 rgb(112,135,241)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#7071f1
```
#7071f1 rgb(112,113,241)
```
#7a70f1
```
#7a70f1 rgb(122,112,241)
```
#8470f1
```
#8470f1 rgb(132,112,241)
```

Similar Colors

Text with hexadecimal color #707cf1

This text has a font color of #707cf1.

<span style="color:#707cf1;">Text here</span>

#707cf1 background color

This paragraph has a background color of #707cf1.

<p style="background-color:#707cf1;">Content here</p>

#707cf1 border color

This element has a border color of #707cf1.

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

CSS codes

.text {color:#707cf1;}

.background {background-color:#707cf1;}

.border {border:1px solid #707cf1;}

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

#020312
```
#020312 rgb(2,3,18)
```
#030624
```
#030624 rgb(3,6,36)
```
#050a36
```
#050a36 rgb(5,10,54)
```
#070d47
```
#070d47 rgb(7,13,71)
```
#091059
```
#091059 rgb(9,16,89)
```
#0a136b
```
#0a136b rgb(10,19,107)
```
#0c177d
```
#0c177d rgb(12,23,125)
```
#0e1a8f
```
#0e1a8f rgb(14,26,143)
```
#101da1
```
#101da1 rgb(16,29,161)
```
#1120b3
```
#1120b3 rgb(17,32,179)
```
#1324c4
```
#1324c4 rgb(19,36,196)
```
#1527d6
```
#1527d6 rgb(21,39,214)
```
#172ae8
```
#172ae8 rgb(23,42,232)
```

Shade Color Variation

#293bea
```
#293bea rgb(41,59,234)
```
#3a4bec
```
#3a4bec rgb(58,75,236)
```
#4c5bee
```
#4c5bee rgb(76,91,238)
```
#5e6cef
```
#5e6cef rgb(94,108,239)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#828cf3
```
#828cf3 rgb(130,140,243)
```
#949df4
```
#949df4 rgb(148,157,244)
```
#a6adf6
```
#a6adf6 rgb(166,173,246)
```
#b7bdf8
```
#b7bdf8 rgb(183,189,248)
```
#c9cefa
```
#c9cefa rgb(201,206,250)
```
#dbdefb
```
#dbdefb rgb(219,222,251)
```
#edeffd
```
#edeffd rgb(237,239,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#acadb5
```
#acadb5 rgb(172,173,181)
```
#a6a8bb
```
#a6a8bb rgb(166,168,187)
```
#a0a3c1
```
#a0a3c1 rgb(160,163,193)
```
#9a9ec7
```
#9a9ec7 rgb(154,158,199)
```
#9499cd
```
#9499cd rgb(148,153,205)
```
#8e95d3
```
#8e95d3 rgb(142,149,211)
```
#8890d9
```
#8890d9 rgb(136,144,217)
```
#828bdf
```
#828bdf rgb(130,139,223)
```
#7c86e5
```
#7c86e5 rgb(124,134,229)
```
#7681eb
```
#7681eb rgb(118,129,235)
```
#707cf1
```
#707cf1 rgb(112,124,241)
```
#6a77f7
```
#6a77f7 rgb(106,119,247)
```
#6472fd
```
#6472fd rgb(100,114,253)
```

Tone Color Variation

Below, you can see how #707cf1 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

#868686 Achromatopsia 0.005% of the population
#82849b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d89f7 Protanopia 1% of men
#298fec Deuteranopia 1% of men
#5297a2 Tritanopia 0.001% of the population

Trichromacy

#5984f5 Protanomaly 1% of men, 0.01% of women
#4288ee Deuteranomaly 6% of men, 0.4% of women
#5d8dbe Tritanomaly 0.01% of the population

#707cf1 hex color

#707cf1 Color Information

#707cf1 Color Conversion

Color Schemes with #707cf1

Alternatives to #707cf1

#707cf1 Preview

Shades and Tints of #707cf1

Tones of #707cf1

Color Blindness Simulator