colorhexa.com

#707ad4 hex color

In a RGB color space, hex #707ad4 is composed of 43.9% red, 47.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 42.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 234 degrees, a saturation of 53.8% and a lightness of 63.5%. #707ad4 color hex could be obtained by blending #e0f4ff with #0000a9. Closest websafe color is: #6666cc.

- R 44
- G 48
- B 83
RGB color chart
- C 47
- M 42
- Y 0
- K 17
CMYK color chart

● #707ad4 color description : Slightly desaturated blue.

The hexadecimal color #707ad4 has RGB values of R:112, G:122, B:212 and CMYK values of C:0.47, M:0.42, Y:0, K:0.17. Its decimal value is 7371476.

Hex triplet	707ad4	`#707ad4`
RGB Decimal	112, 122, 212	`rgb(112,122,212)`
RGB Percent	43.9, 47.8, 83.1	`rgb(43.9%,47.8%,83.1%)`
CMYK	47, 42, 0, 17
HSL	234°, 53.8, 63.5	`hsl(234,53.8%,63.5%)`
HSV (or HSB)	234°, 47.2, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.15, 20.205, -47.633
XYZ	25.523, 22.116, 65.208
xyY	0.226, 0.196, 22.116
CIE-LCH	54.15, 51.741, 292.986
CIE-LUV	54.15, -9.285, -76.256
Hunter-Lab	47.028, 14.576, -49.29
Binary	01110000, 01111010, 11010100

#707ad4
```
#707ad4 rgb(112,122,212)
```
#d4ca70
```
#d4ca70 rgb(212,202,112)
```

Complementary Color

#70acd4
```
#70acd4 rgb(112,172,212)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#9870d4
```
#9870d4 rgb(152,112,212)
```

Analogous Color

#acd470
```
#acd470 rgb(172,212,112)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#d49870
```
#d49870 rgb(212,152,112)
```

Split Complementary Color

#7ad470
```
#7ad470 rgb(122,212,112)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#d4707a
```
#d4707a rgb(212,112,122)
```

Triadic Color

#70d4ca
```
#70d4ca rgb(112,212,202)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#d4707a
```
#d4707a rgb(212,112,122)
```
#d4ca70
```
#d4ca70 rgb(212,202,112)
```

Tetradic Color

#3947be
```
#3947be rgb(57,71,190)
```
#4956c8
```
#4956c8 rgb(73,86,200)
```
#5c68ce
```
#5c68ce rgb(92,104,206)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#848cda
```
#848cda rgb(132,140,218)
```
#979ee0
```
#979ee0 rgb(151,158,224)
```
#abb1e6
```
#abb1e6 rgb(171,177,230)
```

Monochromatic Color

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

#7093d4
```
#7093d4 rgb(112,147,212)
```
#708bd4
```
#708bd4 rgb(112,139,212)
```
#7082d4
```
#7082d4 rgb(112,130,212)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#7072d4
```
#7072d4 rgb(112,114,212)
```
#7770d4
```
#7770d4 rgb(119,112,212)
```
#7f70d4
```
#7f70d4 rgb(127,112,212)
```

Similar Colors

Text with hexadecimal color #707ad4

This text has a font color of #707ad4.

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

#707ad4 background color

This paragraph has a background color of #707ad4.

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

#707ad4 border color

This element has a border color of #707ad4.

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

CSS codes

.text {color:#707ad4;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#070817
```
#070817 rgb(7,8,23)
```
#0b0e26
```
#0b0e26 rgb(11,14,38)
```
#101435
```
#101435 rgb(16,20,53)
```
#141944
```
#141944 rgb(20,25,68)
```
#191f53
```
#191f53 rgb(25,31,83)
```
#1e2462
```
#1e2462 rgb(30,36,98)
```
#222a71
```
#222a71 rgb(34,42,113)
```
#273080
```
#273080 rgb(39,48,128)
```
#2b3590
```
#2b3590 rgb(43,53,144)
```
#303b9f
```
#303b9f rgb(48,59,159)
```
#3440ae
```
#3440ae rgb(52,64,174)
```
#3946bd
```
#3946bd rgb(57,70,189)
```

Shade Color Variation

#4350c6
```
#4350c6 rgb(67,80,198)
```
#525ecb
```
#525ecb rgb(82,94,203)
```
#616ccf
```
#616ccf rgb(97,108,207)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#7f88d9
```
#7f88d9 rgb(127,136,217)
```
#8e96dd
```
#8e96dd rgb(142,150,221)
```
#9da4e2
```
#9da4e2 rgb(157,164,226)
```
#acb2e6
```
#acb2e6 rgb(172,178,230)
```
#bbc0eb
```
#bbc0eb rgb(187,192,235)
```
#caceef
```
#caceef rgb(202,206,239)
```
#dadcf4
```
#dadcf4 rgb(218,220,244)
```
#e9eaf8
```
#e9eaf8 rgb(233,234,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#9b9ca9
```
#9b9ca9 rgb(155,156,169)
```
#9497b0
```
#9497b0 rgb(148,151,176)
```
#8d91b7
```
#8d91b7 rgb(141,145,183)
```
#858bbf
```
#858bbf rgb(133,139,191)
```
#7e85c6
```
#7e85c6 rgb(126,133,198)
```
#7780cd
```
#7780cd rgb(119,128,205)
```
#707ad4
```
#707ad4 rgb(112,122,212)
```
#6974db
```
#6974db rgb(105,116,219)
```
#626fe2
```
#626fe2 rgb(98,111,226)
```
#5b69e9
```
#5b69e9 rgb(91,105,233)
```
#5363f1
```
#5363f1 rgb(83,99,241)
```
#4c5df8
```
#4c5df8 rgb(76,93,248)
```
#4558ff
```
#4558ff rgb(69,88,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7e8092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6185d9 Protanopia 1% of men
#5588d3 Deuteranopia 1% of men
#618f99 Tritanopia 0.001% of the population

Trichromacy

#6681d7 Protanomaly 1% of men, 0.01% of women
#5f83d3 Deuteranomaly 6% of men, 0.4% of women
#6687ae Tritanomaly 0.01% of the population