#70b5cd hex color

In a RGB color space, hex #70b5cd is composed of 43.9% red, 71% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 11.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 195.5 degrees, a saturation of 48.2% and a lightness of 62.2%. #70b5cd color hex could be obtained by blending #e0ffff with #006b9b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 71
- B 80
RGB color chart
- C 45
- M 12
- Y 0
- K 20
CMYK color chart

● #70b5cd color description : Slightly desaturated blue.

The hexadecimal color #70b5cd has RGB values of R:112, G:181, B:205 and CMYK values of C:0.45, M:0.12, Y:0, K:0.2. Its decimal value is 7386573.

Hex triplet	70b5cd	`#70b5cd`
RGB Decimal	112, 181, 205	`rgb(112,181,205)`
RGB Percent	43.9, 71, 80.4	`rgb(43.9%,71%,80.4%)`
CMYK	45, 12, 0, 20
HSL	195.5°, 48.2, 62.2	`hsl(195.5,48.2%,62.2%)`
HSV (or HSB)	195.5°, 45.4, 80.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.105, -15.432, -18.943
XYZ	34.223, 40.898, 63.845
xyY	0.246, 0.294, 40.898
CIE-LCH	70.105, 24.433, 230.832
CIE-LUV	70.105, -31.648, -27.103
Hunter-Lab	63.952, -16.395, -14.425
Binary	01110000, 10110101, 11001101

#70b5cd
```
#70b5cd rgb(112,181,205)
```
#cd8870
```
#cd8870 rgb(205,136,112)
```

Complementary Color

#70cdb7
```
#70cdb7 rgb(112,205,183)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#7087cd
```
#7087cd rgb(112,135,205)
```

Analogous Color

#cdb770
```
#cdb770 rgb(205,183,112)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#cd7087
```
#cd7087 rgb(205,112,135)
```

Split Complementary Color

#b5cd70
```
#b5cd70 rgb(181,205,112)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#cd70b5
```
#cd70b5 rgb(205,112,181)
```

Triadic Color

#70cd88
```
#70cd88 rgb(112,205,136)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#cd70b5
```
#cd70b5 rgb(205,112,181)
```
#cd8870
```
#cd8870 rgb(205,136,112)
```

Tetradic Color

#3e94b2
```
#3e94b2 rgb(62,148,178)
```
#4aa1c0
```
#4aa1c0 rgb(74,161,192)
```
#5dabc6
```
#5dabc6 rgb(93,171,198)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#83bfd4
```
#83bfd4 rgb(131,191,212)
```
#96c9da
```
#96c9da rgb(150,201,218)
```
#a9d2e1
```
#a9d2e1 rgb(169,210,225)
```

Monochromatic Color

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

#70cccd
```
#70cccd rgb(112,204,205)
```
#70c5cd
```
#70c5cd rgb(112,197,205)
```
#70bdcd
```
#70bdcd rgb(112,189,205)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#70adcd
```
#70adcd rgb(112,173,205)
```
#70a6cd
```
#70a6cd rgb(112,166,205)
```
#709ecd
```
#709ecd rgb(112,158,205)
```

Similar Colors

Text with hexadecimal color #70b5cd

This text has a font color of #70b5cd.

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

#70b5cd background color

This paragraph has a background color of #70b5cd.

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

#70b5cd border color

This element has a border color of #70b5cd.

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

CSS codes

.text {color:#70b5cd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1a1f
```
#0b1a1f rgb(11,26,31)
```
#10262e
```
#10262e rgb(16,38,46)
```
#15323c
```
#15323c rgb(21,50,60)
```
#1a3e4b
```
#1a3e4b rgb(26,62,75)
```
#1f4b5a
```
#1f4b5a rgb(31,75,90)
```
#245768
```
#245768 rgb(36,87,104)
```
#296377
```
#296377 rgb(41,99,119)
```
#2f6f85
```
#2f6f85 rgb(47,111,133)
```
#347b94
```
#347b94 rgb(52,123,148)
```
#3987a2
```
#3987a2 rgb(57,135,162)
```
#3e93b1
```
#3e93b1 rgb(62,147,177)
```

Shade Color Variation

#449ebe
```
#449ebe rgb(68,158,190)
```
#53a6c3
```
#53a6c3 rgb(83,166,195)
```
#61adc8
```
#61adc8 rgb(97,173,200)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#7fbdd2
```
#7fbdd2 rgb(127,189,210)
```
#8dc4d7
```
#8dc4d7 rgb(141,196,215)
```
#9cccdc
```
#9cccdc rgb(156,204,220)
```
#aad3e1
```
#aad3e1 rgb(170,211,225)
```
#b9dbe6
```
#b9dbe6 rgb(185,219,230)
```
#c7e2eb
```
#c7e2eb rgb(199,226,235)
```
#d6eaf1
```
#d6eaf1 rgb(214,234,241)
```
#e4f1f6
```
#e4f1f6 rgb(228,241,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#9d9fa0
```
#9d9fa0 rgb(157,159,160)
```
#95a3a8
```
#95a3a8 rgb(149,163,168)
```
#8ea7af
```
#8ea7af rgb(142,167,175)
```
#86aab7
```
#86aab7 rgb(134,170,183)
```
#7faebe
```
#7faebe rgb(127,174,190)
```
#77b1c6
```
#77b1c6 rgb(119,177,198)
```
#70b5cd
```
#70b5cd rgb(112,181,205)
```
#69b9d4
```
#69b9d4 rgb(105,185,212)
```
#61bcdc
```
#61bcdc rgb(97,188,220)
```
#5ac0e3
```
#5ac0e3 rgb(90,192,227)
```
#52c3eb
```
#52c3eb rgb(82,195,235)
```
#4bc7f2
```
#4bc7f2 rgb(75,199,242)
```
#43cbfa
```
#43cbfa rgb(67,203,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#99a7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaaec9 Protanopia 1% of men
#acacd4 Deuteranopia 1% of men
#74bac7 Tritanopia 0.001% of the population

Trichromacy

#95b0ca Protanomaly 1% of men, 0.01% of women
#96afd1 Deuteranomaly 6% of men, 0.4% of women
#72b8c9 Tritanomaly 0.01% of the population

#70b5cd hex color

#70b5cd Color Information

#70b5cd Color Conversion

Color Schemes with #70b5cd

Alternatives to #70b5cd

#70b5cd Preview

Shades and Tints of #70b5cd

Tones of #70b5cd

Color Blindness Simulator