#707dc2 hex color

In a RGB color space, hex #707dc2 is composed of 43.9% red, 49% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 35.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 230.5 degrees, a saturation of 40.2% and a lightness of 60%. #707dc2 color hex could be obtained by blending #e0faff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 44
- G 49
- B 76
RGB color chart
- C 42
- M 36
- Y 0
- K 24
CMYK color chart

● #707dc2 color description : Slightly desaturated blue.

The hexadecimal color #707dc2 has RGB values of R:112, G:125, B:194 and CMYK values of C:0.42, M:0.36, Y:0, K:0.24. Its decimal value is 7372226.

Hex triplet	707dc2	`#707dc2`
RGB Decimal	112, 125, 194	`rgb(112,125,194)`
RGB Percent	43.9, 49, 76.1	`rgb(43.9%,49%,76.1%)`
CMYK	42, 36, 0, 24
HSL	230.5°, 40.2, 60	`hsl(230.5,40.2%,60%)`
HSV (or HSB)	230.5°, 42.3, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.034, 13.065, -37.594
XYZ	23.751, 22.006, 54.032
xyY	0.238, 0.221, 22.006
CIE-LCH	54.034, 39.799, 289.164
CIE-LUV	54.034, -9.624, -59.33
Hunter-Lab	46.911, 8.282, -35.453
Binary	01110000, 01111101, 11000010

#707dc2
```
#707dc2 rgb(112,125,194)
```
#c2b570
```
#c2b570 rgb(194,181,112)
```

Complementary Color

#70a6c2
```
#70a6c2 rgb(112,166,194)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#8c70c2
```
#8c70c2 rgb(140,112,194)
```

Analogous Color

#a6c270
```
#a6c270 rgb(166,194,112)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#c28c70
```
#c28c70 rgb(194,140,112)
```

Split Complementary Color

#7dc270
```
#7dc270 rgb(125,194,112)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#c2707d
```
#c2707d rgb(194,112,125)
```

Triadic Color

#70c2b5
```
#70c2b5 rgb(112,194,181)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#c2707d
```
#c2707d rgb(194,112,125)
```
#c2b570
```
#c2b570 rgb(194,181,112)
```

Tetradic Color

#4553a1
```
#4553a1 rgb(69,83,161)
```
#4c5db3
```
#4c5db3 rgb(76,93,179)
```
#5e6dba
```
#5e6dba rgb(94,109,186)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#828dca
```
#828dca rgb(130,141,202)
```
#949ed1
```
#949ed1 rgb(148,158,209)
```
#a6aed9
```
#a6aed9 rgb(166,174,217)
```

Monochromatic Color

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

#7092c2
```
#7092c2 rgb(112,146,194)
```
#708bc2
```
#708bc2 rgb(112,139,194)
```
#7084c2
```
#7084c2 rgb(112,132,194)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#7076c2
```
#7076c2 rgb(112,118,194)
```
#7170c2
```
#7170c2 rgb(113,112,194)
```
#7870c2
```
#7870c2 rgb(120,112,194)
```

Similar Colors

Text with hexadecimal color #707dc2

This text has a font color of #707dc2.

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

#707dc2 background color

This paragraph has a background color of #707dc2.

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

#707dc2 border color

This element has a border color of #707dc2.

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

CSS codes

.text {color:#707dc2;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#090b16
```
#090b16 rgb(9,11,22)
```
#0f1324
```
#0f1324 rgb(15,19,36)
```
#151a32
```
#151a32 rgb(21,26,50)
```
#1b213f
```
#1b213f rgb(27,33,63)
```
#21284d
```
#21284d rgb(33,40,77)
```
#272f5b
```
#272f5b rgb(39,47,91)
```
#2d3669
```
#2d3669 rgb(45,54,105)
```
#323d76
```
#323d76 rgb(50,61,118)
```
#384484
```
#384484 rgb(56,68,132)
```
#3e4b92
```
#3e4b92 rgb(62,75,146)
```
#4453a0
```
#4453a0 rgb(68,83,160)
```
#4a5aad
```
#4a5aad rgb(74,90,173)
```

Shade Color Variation

#5564b6
```
#5564b6 rgb(85,100,182)
```
#6271bc
```
#6271bc rgb(98,113,188)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#7e8ac8
```
#7e8ac8 rgb(126,138,200)
```
#8c96ce
```
#8c96ce rgb(140,150,206)
```
#99a3d4
```
#99a3d4 rgb(153,163,212)
```
#a7afd9
```
#a7afd9 rgb(167,175,217)
```
#b5bcdf
```
#b5bcdf rgb(181,188,223)
```
#c3c8e5
```
#c3c8e5 rgb(195,200,229)
```
#d0d5eb
```
#d0d5eb rgb(208,213,235)
```
#dee1f1
```
#dee1f1 rgb(222,225,241)
```
#eceef7
```
#eceef7 rgb(236,238,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97989b is the less saturated color, while #3957f9 is the most saturated one.

#97989b
```
#97989b rgb(151,152,155)
```
#8f92a3
```
#8f92a3 rgb(143,146,163)
```
#888daa
```
#888daa rgb(136,141,170)
```
#8088b2
```
#8088b2 rgb(128,136,178)
```
#7882ba
```
#7882ba rgb(120,130,186)
```
#707dc2
```
#707dc2 rgb(112,125,194)
```
#6878ca
```
#6878ca rgb(104,120,202)
```
#6072d2
```
#6072d2 rgb(96,114,210)
```
#586dda
```
#586dda rgb(88,109,218)
```
#5168e1
```
#5168e1 rgb(81,104,225)
```
#4962e9
```
#4962e9 rgb(73,98,233)
```
#415df1
```
#415df1 rgb(65,93,241)
```
#3957f9
```
#3957f9 rgb(57,87,249)
```

Tone Color Variation

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

Dichromacy

#6f85c6 Protanopia 1% of men
#6987c3 Deuteranopia 1% of men
#688d97 Tritanopia 0.001% of the population

Trichromacy

#6f82c4 Protanomaly 1% of men, 0.01% of women
#6c83c3 Deuteranomaly 6% of men, 0.4% of women
#6b87a7 Tritanomaly 0.01% of the population

#707dc2 hex color

#707dc2 Color Information

#707dc2 Color Conversion

Color Schemes with #707dc2

Alternatives to #707dc2

#707dc2 Preview

Shades and Tints of #707dc2

Tones of #707dc2

Color Blindness Simulator