#70b7dc hex color

In a RGB color space, hex #70b7dc is composed of 43.9% red, 71.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 16.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 200.6 degrees, a saturation of 60.7% and a lightness of 65.1%. #70b7dc color hex could be obtained by blending #e0ffff with #006fb9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 72
- B 86
RGB color chart
- C 49
- M 17
- Y 0
- K 14
CMYK color chart

● #70b7dc color description : Soft blue.

The hexadecimal color #70b7dc has RGB values of R:112, G:183, B:220 and CMYK values of C:0.49, M:0.17, Y:0, K:0.14. Its decimal value is 7387100.

Hex triplet	70b7dc	`#70b7dc`
RGB Decimal	112, 183, 220	`rgb(112,183,220)`
RGB Percent	43.9, 71.8, 86.3	`rgb(43.9%,71.8%,86.3%)`
CMYK	49, 17, 0, 14
HSL	200.6°, 60.7, 65.1	`hsl(200.6,60.7%,65.1%)`
HSV (or HSB)	200.6°, 49.1, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.198, -12.323, -25.483
XYZ	36.531, 42.477, 73.98
xyY	0.239, 0.278, 42.477
CIE-LCH	71.198, 28.306, 244.192
CIE-LUV	71.198, -32.107, -38.404
Hunter-Lab	65.174, -14.005, -21.679
Binary	01110000, 10110111, 11011100

#70b7dc
```
#70b7dc rgb(112,183,220)
```
#dc9570
```
#dc9570 rgb(220,149,112)
```

Complementary Color

#70dccb
```
#70dccb rgb(112,220,203)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#7081dc
```
#7081dc rgb(112,129,220)
```

Analogous Color

#dccb70
```
#dccb70 rgb(220,203,112)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#dc7081
```
#dc7081 rgb(220,112,129)
```

Split Complementary Color

#b7dc70
```
#b7dc70 rgb(183,220,112)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#dc70b7
```
#dc70b7 rgb(220,112,183)
```

Triadic Color

#70dc95
```
#70dc95 rgb(112,220,149)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#dc70b7
```
#dc70b7 rgb(220,112,183)
```
#dc9570
```
#dc9570 rgb(220,149,112)
```

Tetradic Color

#3398cd
```
#3398cd rgb(51,152,205)
```
#47a2d2
```
#47a2d2 rgb(71,162,210)
```
#5cadd7
```
#5cadd7 rgb(92,173,215)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#84c1e1
```
#84c1e1 rgb(132,193,225)
```
#99cce6
```
#99cce6 rgb(153,204,230)
```
#add6eb
```
#add6eb rgb(173,214,235)
```

Monochromatic Color

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

#70d2dc
```
#70d2dc rgb(112,210,220)
```
#70c9dc
```
#70c9dc rgb(112,201,220)
```
#70c0dc
```
#70c0dc rgb(112,192,220)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#70aedc
```
#70aedc rgb(112,174,220)
```
#70a5dc
```
#70a5dc rgb(112,165,220)
```
#709cdc
```
#709cdc rgb(112,156,220)
```

Similar Colors

Text with hexadecimal color #70b7dc

This text has a font color of #70b7dc.

<span style="color:#70b7dc;">Text here</span>

#70b7dc background color

This paragraph has a background color of #70b7dc.

<p style="background-color:#70b7dc;">Content here</p>

#70b7dc border color

This element has a border color of #70b7dc.

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

CSS codes

.text {color:#70b7dc;}

.background {background-color:#70b7dc;}

.border {border:1px solid #70b7dc;}

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, #040b0f is the darkest color, while #fefeff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#07161e
```
#07161e rgb(7,22,30)
```
#0b222e
```
#0b222e rgb(11,34,46)
```
#0f2e3e
```
#0f2e3e rgb(15,46,62)
```
#133a4e
```
#133a4e rgb(19,58,78)
```
#17455d
```
#17455d rgb(23,69,93)
```
#1b516d
```
#1b516d rgb(27,81,109)
```
#1f5d7d
```
#1f5d7d rgb(31,93,125)
```
#22688d
```
#22688d rgb(34,104,141)
```
#26749c
```
#26749c rgb(38,116,156)
```
#2a80ac
```
#2a80ac rgb(42,128,172)
```
#2e8bbc
```
#2e8bbc rgb(46,139,188)
```
#3297cc
```
#3297cc rgb(50,151,204)
```

Shade Color Variation

#419fd0
```
#419fd0 rgb(65,159,208)
```
#50a7d4
```
#50a7d4 rgb(80,167,212)
```
#60afd8
```
#60afd8 rgb(96,175,216)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#80bfe0
```
#80bfe0 rgb(128,191,224)
```
#90c7e4
```
#90c7e4 rgb(144,199,228)
```
#9fcfe8
```
#9fcfe8 rgb(159,207,232)
```
#afd7eb
```
#afd7eb rgb(175,215,235)
```
#bfdfef
```
#bfdfef rgb(191,223,239)
```
#cfe7f3
```
#cfe7f3 rgb(207,231,243)
```
#deeff7
```
#deeff7 rgb(222,239,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a0a8ac
```
#a0a8ac rgb(160,168,172)
```
#99aab3
```
#99aab3 rgb(153,170,179)
```
#92acba
```
#92acba rgb(146,172,186)
```
#8baec1
```
#8baec1 rgb(139,174,193)
```
#85b1c7
```
#85b1c7 rgb(133,177,199)
```
#7eb3ce
```
#7eb3ce rgb(126,179,206)
```
#77b5d5
```
#77b5d5 rgb(119,181,213)
```
#70b7dc
```
#70b7dc rgb(112,183,220)
```
#69b9e3
```
#69b9e3 rgb(105,185,227)
```
#62bbea
```
#62bbea rgb(98,187,234)
```
#5bbdf1
```
#5bbdf1 rgb(91,189,241)
```
#55c0f7
```
#55c0f7 rgb(85,192,247)
```
#4ec2fe
```
#4ec2fe rgb(78,194,254)
```

Tone Color Variation

Below, you can see how #70b7dc 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

#a6a6a6 Achromatopsia 0.005% of the population
#9ba9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b0d7 Protanopia 1% of men
#a8afe1 Deuteranopia 1% of men
#70becb Tritanopia 0.001% of the population

Trichromacy

#94b3d9 Protanomaly 1% of men, 0.01% of women
#93b2df Deuteranomaly 6% of men, 0.4% of women
#70bbd1 Tritanomaly 0.01% of the population

#70b7dc hex color

#70b7dc Color Information

#70b7dc Color Conversion

Color Schemes with #70b7dc

Alternatives to #70b7dc

#70b7dc Preview

Shades and Tints of #70b7dc

Tones of #70b7dc

Color Blindness Simulator