#707af8 hex color

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

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

● #707af8 color description : Soft blue.

The hexadecimal color #707af8 has RGB values of R:112, G:122, B:248 and CMYK values of C:0.55, M:0.51, Y:0, K:0.03. Its decimal value is 7371512.

Hex triplet	707af8	`#707af8`
RGB Decimal	112, 122, 248	`rgb(112,122,248)`
RGB Percent	43.9, 47.8, 97.3	`rgb(43.9%,47.8%,97.3%)`
CMYK	55, 51, 0, 3
HSL	235.6°, 90.7, 70.6	`hsl(235.6,90.7%,70.6%)`
HSV (or HSB)	235.6°, 54.8, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.228, 31.292, -64.444
XYZ	30.582, 24.14, 91.85
xyY	0.209, 0.165, 24.14
CIE-LCH	56.228, 71.64, 295.9
CIE-LUV	56.228, -10.803, -104.681
Hunter-Lab	49.132, 25.122, -76.446
Binary	01110000, 01111010, 11111000

#707af8
```
#707af8 rgb(112,122,248)
```
#f8ee70
```
#f8ee70 rgb(248,238,112)
```

Complementary Color

#70bef8
```
#70bef8 rgb(112,190,248)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#aa70f8
```
#aa70f8 rgb(170,112,248)
```

Analogous Color

#bef870
```
#bef870 rgb(190,248,112)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#f8aa70
```
#f8aa70 rgb(248,170,112)
```

Split Complementary Color

#7af870
```
#7af870 rgb(122,248,112)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#f8707a
```
#f8707a rgb(248,112,122)
```

Triadic Color

#70f8ee
```
#70f8ee rgb(112,248,238)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#f8707a
```
#f8707a rgb(248,112,122)
```
#f8ee70
```
#f8ee70 rgb(248,238,112)
```

Tetradic Color

#2736f4
```
#2736f4 rgb(39,54,244)
```
#3f4df6
```
#3f4df6 rgb(63,77,246)
```
#5863f7
```
#5863f7 rgb(88,99,247)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#8891f9
```
#8891f9 rgb(136,145,249)
```
#a1a7fa
```
#a1a7fa rgb(161,167,250)
```
#b9befc
```
#b9befc rgb(185,190,252)
```

Monochromatic Color

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

#709cf8
```
#709cf8 rgb(112,156,248)
```
#7091f8
```
#7091f8 rgb(112,145,248)
```
#7085f8
```
#7085f8 rgb(112,133,248)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#7170f8
```
#7170f8 rgb(113,112,248)
```
#7d70f8
```
#7d70f8 rgb(125,112,248)
```
#8870f8
```
#8870f8 rgb(136,112,248)
```

Similar Colors

Text with hexadecimal color #707af8

This text has a font color of #707af8.

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

#707af8 background color

This paragraph has a background color of #707af8.

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

#707af8 border color

This element has a border color of #707af8.

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

CSS codes

.text {color:#707af8;}

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

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

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)
```
#02052c
```
#02052c rgb(2,5,44)
```
#03073f
```
#03073f rgb(3,7,63)
```
#040a51
```
#040a51 rgb(4,10,81)
```
#050c64
```
#050c64 rgb(5,12,100)
```
#060e77
```
#060e77 rgb(6,14,119)
```
#07108a
```
#07108a rgb(7,16,138)
```
#08139c
```
#08139c rgb(8,19,156)
```
#0915af
```
#0915af rgb(9,21,175)
```
#0917c2
```
#0917c2 rgb(9,23,194)
```
#0a19d4
```
#0a19d4 rgb(10,25,212)
```
#0b1be7
```
#0b1be7 rgb(11,27,231)
```

Shade Color Variation

#1323f3
```
#1323f3 rgb(19,35,243)
```
#2534f4
```
#2534f4 rgb(37,52,244)
```
#3846f5
```
#3846f5 rgb(56,70,245)
```
#4b57f6
```
#4b57f6 rgb(75,87,246)
```
#5d69f7
```
#5d69f7 rgb(93,105,247)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#838bf9
```
#838bf9 rgb(131,139,249)
```
#959dfa
```
#959dfa rgb(149,157,250)
```
#a8aefb
```
#a8aefb rgb(168,174,251)
```
#bbc0fc
```
#bbc0fc rgb(187,192,252)
```
#ced1fd
```
#ced1fd rgb(206,209,253)
```
#e0e2fd
```
#e0e2fd rgb(224,226,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 #6a75fe is the most saturated one.

#afb0b9
```
#afb0b9 rgb(175,176,185)
```
#aaabbe
```
#aaabbe rgb(170,171,190)
```
#a4a6c4
```
#a4a6c4 rgb(164,166,196)
```
#9ea1ca
```
#9ea1ca rgb(158,161,202)
```
#989cd0
```
#989cd0 rgb(152,156,208)
```
#9398d5
```
#9398d5 rgb(147,152,213)
```
#8d93db
```
#8d93db rgb(141,147,219)
```
#878ee1
```
#878ee1 rgb(135,142,225)
```
#8189e7
```
#8189e7 rgb(129,137,231)
```
#7c84ec
```
#7c84ec rgb(124,132,236)
```
#767ff2
```
#767ff2 rgb(118,127,242)
```
#707af8
```
#707af8 rgb(112,122,248)
```
#6a75fe
```
#6a75fe rgb(106,117,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#81839c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#008fee Deuteranopia 1% of men
#4d97a2 Tritanopia 0.001% of the population

Trichromacy

#5183fc Protanomaly 1% of men, 0.01% of women
#2887f2 Deuteranomaly 6% of men, 0.4% of women
#598cc1 Tritanomaly 0.01% of the population

#707af8 hex color

#707af8 Color Information

#707af8 Color Conversion

Color Schemes with #707af8

Alternatives to #707af8

#707af8 Preview

Shades and Tints of #707af8

Tones of #707af8

Color Blindness Simulator