#707bf8 hex color

In a RGB color space, hex #707bf8 is composed of 43.9% red, 48.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 50.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 235.1 degrees, a saturation of 90.7% and a lightness of 70.6%. #707bf8 color hex could be obtained by blending #e0f6ff with #0000f1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 44
- G 48
- B 97
RGB color chart
- C 55
- M 50
- Y 0
- K 3
CMYK color chart

● #707bf8 color description : Soft blue.

The hexadecimal color #707bf8 has RGB values of R:112, G:123, B:248 and CMYK values of C:0.55, M:0.5, Y:0, K:0.03. Its decimal value is 7371768.

Hex triplet	707bf8	`#707bf8`
RGB Decimal	112, 123, 248	`rgb(112,123,248)`
RGB Percent	43.9, 48.2, 97.3	`rgb(43.9%,48.2%,97.3%)`
CMYK	55, 50, 0, 3
HSL	235.1°, 90.7, 70.6	`hsl(235.1,90.7%,70.6%)`
HSV (or HSB)	235.1°, 54.8, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.473, 30.695, -64.049
XYZ	30.705, 24.387, 91.891
xyY	0.209, 0.166, 24.387
CIE-LCH	56.473, 71.025, 295.606
CIE-LUV	56.473, -11.101, -104.113
Hunter-Lab	49.383, 24.566, -75.758
Binary	01110000, 01111011, 11111000

#707bf8
```
#707bf8 rgb(112,123,248)
```
#f8ed70
```
#f8ed70 rgb(248,237,112)
```

Complementary Color

#70bff8
```
#70bff8 rgb(112,191,248)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#a970f8
```
#a970f8 rgb(169,112,248)
```

Analogous Color

#bff870
```
#bff870 rgb(191,248,112)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#f8a970
```
#f8a970 rgb(248,169,112)
```

Split Complementary Color

#7bf870
```
#7bf870 rgb(123,248,112)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#f8707b
```
#f8707b rgb(248,112,123)
```

Triadic Color

#70f8ed
```
#70f8ed rgb(112,248,237)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#f8707b
```
#f8707b rgb(248,112,123)
```
#f8ed70
```
#f8ed70 rgb(248,237,112)
```

Tetradic Color

#2738f4
```
#2738f4 rgb(39,56,244)
```
#3f4ef6
```
#3f4ef6 rgb(63,78,246)
```
#5865f7
```
#5865f7 rgb(88,101,247)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#8891f9
```
#8891f9 rgb(136,145,249)
```
#a1a8fa
```
#a1a8fa rgb(161,168,250)
```
#b9befc
```
#b9befc rgb(185,190,252)
```

Monochromatic Color

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

#709df8
```
#709df8 rgb(112,157,248)
```
#7092f8
```
#7092f8 rgb(112,146,248)
```
#7086f8
```
#7086f8 rgb(112,134,248)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#7070f8
```
#7070f8 rgb(112,112,248)
```
#7c70f8
```
#7c70f8 rgb(124,112,248)
```
#8770f8
```
#8770f8 rgb(135,112,248)
```

Similar Colors

Text with hexadecimal color #707bf8

This text has a font color of #707bf8.

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

#707bf8 background color

This paragraph has a background color of #707bf8.

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

#707bf8 border color

This element has a border color of #707bf8.

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

CSS codes

.text {color:#707bf8;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#010319
```
#010319 rgb(1,3,25)
```
#02062c
```
#02062c rgb(2,6,44)
```
#03083f
```
#03083f rgb(3,8,63)
```
#040a51
```
#040a51 rgb(4,10,81)
```
#050d64
```
#050d64 rgb(5,13,100)
```
#060f77
```
#060f77 rgb(6,15,119)
```
#07118a
```
#07118a rgb(7,17,138)
```
#08149c
```
#08149c rgb(8,20,156)
```
#0916af
```
#0916af rgb(9,22,175)
```
#0918c2
```
#0918c2 rgb(9,24,194)
```
#0a1bd4
```
#0a1bd4 rgb(10,27,212)
```
#0b1de7
```
#0b1de7 rgb(11,29,231)
```

Shade Color Variation

#1325f3
```
#1325f3 rgb(19,37,243)
```
#2536f4
```
#2536f4 rgb(37,54,244)
```
#3847f5
```
#3847f5 rgb(56,71,245)
```
#4b58f6
```
#4b58f6 rgb(75,88,246)
```
#5d6af7
```
#5d6af7 rgb(93,106,247)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#838cf9
```
#838cf9 rgb(131,140,249)
```
#959efa
```
#959efa rgb(149,158,250)
```
#a8affb
```
#a8affb rgb(168,175,251)
```
#bbc0fc
```
#bbc0fc rgb(187,192,252)
```
#ced1fd
```
#ced1fd rgb(206,209,253)
```
#e0e3fd
```
#e0e3fd rgb(224,227,253)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#afb0b9
```
#afb0b9 rgb(175,176,185)
```
#aaabbe
```
#aaabbe rgb(170,171,190)
```
#a4a7c4
```
#a4a7c4 rgb(164,167,196)
```
#9ea2ca
```
#9ea2ca rgb(158,162,202)
```
#989dd0
```
#989dd0 rgb(152,157,208)
```
#9398d5
```
#9398d5 rgb(147,152,213)
```
#8d93db
```
#8d93db rgb(141,147,219)
```
#878ee1
```
#878ee1 rgb(135,142,225)
```
#818ae7
```
#818ae7 rgb(129,138,231)
```
#7c85ec
```
#7c85ec rgb(124,133,236)
```
#7680f2
```
#7680f2 rgb(118,128,242)
```
#707bf8
```
#707bf8 rgb(112,123,248)
```
#6a76fe
```
#6a76fe rgb(106,118,254)
```

Tone Color Variation

Below, you can see how #707bf8 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
#82849d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4289ff Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#4d98a3 Tritanopia 0.001% of the population

Trichromacy

#5384fc Protanomaly 1% of men, 0.01% of women
#2888f2 Deuteranomaly 6% of men, 0.4% of women
#5a8dc2 Tritanomaly 0.01% of the population

#707bf8 hex color

#707bf8 Color Information

#707bf8 Color Conversion

Color Schemes with #707bf8

Alternatives to #707bf8

#707bf8 Preview

Shades and Tints of #707bf8

Tones of #707bf8

Color Blindness Simulator