#70c2de hex color

In a RGB color space, hex #70c2de is composed of 43.9% red, 76.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 12.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.3 degrees, a saturation of 62.5% and a lightness of 65.5%. #70c2de color hex could be obtained by blending #e0ffff with #0085bd. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 76
- B 87
RGB color chart
- C 50
- M 13
- Y 0
- K 13
CMYK color chart

● #70c2de color description : Soft blue.

The hexadecimal color #70c2de has RGB values of R:112, G:194, B:222 and CMYK values of C:0.5, M:0.13, Y:0, K:0.13. Its decimal value is 7389918.

Hex triplet	70c2de	`#70c2de`
RGB Decimal	112, 194, 222	`rgb(112,194,222)`
RGB Percent	43.9, 76.1, 87.1	`rgb(43.9%,76.1%,87.1%)`
CMYK	50, 13, 0, 13
HSL	195.3°, 62.5, 65.5	`hsl(195.3,62.5%,65.5%)`
HSV (or HSB)	195.3°, 49.5, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.381, -17.536, -21.714
XYZ	39.155, 47.3, 76.17
xyY	0.241, 0.291, 47.3
CIE-LCH	74.381, 27.91, 231.076
CIE-LUV	74.381, -36.317, -31.608
Hunter-Lab	68.775, -18.731, -17.523
Binary	01110000, 11000010, 11011110

#70c2de
```
#70c2de rgb(112,194,222)
```
#de8c70
```
#de8c70 rgb(222,140,112)
```

Complementary Color

#70dec3
```
#70dec3 rgb(112,222,195)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#708bde
```
#708bde rgb(112,139,222)
```

Analogous Color

#dec370
```
#dec370 rgb(222,195,112)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#de708b
```
#de708b rgb(222,112,139)
```

Split Complementary Color

#c2de70
```
#c2de70 rgb(194,222,112)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#de70c2
```
#de70c2 rgb(222,112,194)
```

Triadic Color

#70de8c
```
#70de8c rgb(112,222,140)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#de70c2
```
#de70c2 rgb(222,112,194)
```
#de8c70
```
#de8c70 rgb(222,140,112)
```

Tetradic Color

#32a7d0
```
#32a7d0 rgb(50,167,208)
```
#47b0d4
```
#47b0d4 rgb(71,176,212)
```
#5bb9d9
```
#5bb9d9 rgb(91,185,217)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#85cbe3
```
#85cbe3 rgb(133,203,227)
```
#99d4e8
```
#99d4e8 rgb(153,212,232)
```
#aeddec
```
#aeddec rgb(174,221,236)
```

Monochromatic Color

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

#70dede
```
#70dede rgb(112,222,222)
```
#70d4de
```
#70d4de rgb(112,212,222)
```
#70cbde
```
#70cbde rgb(112,203,222)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#70b9de
```
#70b9de rgb(112,185,222)
```
#70b0de
```
#70b0de rgb(112,176,222)
```
#70a7de
```
#70a7de rgb(112,167,222)
```

Similar Colors

Text with hexadecimal color #70c2de

This text has a font color of #70c2de.

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

#70c2de background color

This paragraph has a background color of #70c2de.

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

#70c2de border color

This element has a border color of #70c2de.

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

CSS codes

.text {color:#70c2de;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040d10
```
#040d10 rgb(4,13,16)
```
#071a20
```
#071a20 rgb(7,26,32)
```
#0b2730
```
#0b2730 rgb(11,39,48)
```
#0f3440
```
#0f3440 rgb(15,52,64)
```
#124050
```
#124050 rgb(18,64,80)
```
#164d60
```
#164d60 rgb(22,77,96)
```
#1a5a70
```
#1a5a70 rgb(26,90,112)
```
#1e6780
```
#1e6780 rgb(30,103,128)
```
#217490
```
#217490 rgb(33,116,144)
```
#2581a0
```
#2581a0 rgb(37,129,160)
```
#298db0
```
#298db0 rgb(41,141,176)
```
#2c9ac0
```
#2c9ac0 rgb(44,154,192)
```

Shade Color Variation

#30a7cf
```
#30a7cf rgb(48,167,207)
```
#40aed3
```
#40aed3 rgb(64,174,211)
```
#50b4d7
```
#50b4d7 rgb(80,180,215)
```
#60bbda
```
#60bbda rgb(96,187,218)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#80c9e2
```
#80c9e2 rgb(128,201,226)
```
#90d0e5
```
#90d0e5 rgb(144,208,229)
```
#a0d6e9
```
#a0d6e9 rgb(160,214,233)
```
#b0dded
```
#b0dded rgb(176,221,237)
```
#c0e4f0
```
#c0e4f0 rgb(192,228,240)
```
#d0ebf4
```
#d0ebf4 rgb(208,235,244)
```
#e0f2f8
```
#e0f2f8 rgb(224,242,248)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

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

#a6a7a8
```
#a6a7a8 rgb(166,167,168)
```
#9fabaf
```
#9fabaf rgb(159,171,175)
```
#99aeb5
```
#99aeb5 rgb(153,174,181)
```
#92b1bc
```
#92b1bc rgb(146,177,188)
```
#8bb5c3
```
#8bb5c3 rgb(139,181,195)
```
#84b8ca
```
#84b8ca rgb(132,184,202)
```
#7ebbd0
```
#7ebbd0 rgb(126,187,208)
```
#77bfd7
```
#77bfd7 rgb(119,191,215)
```
#70c2de
```
#70c2de rgb(112,194,222)
```
#69c5e5
```
#69c5e5 rgb(105,197,229)
```
#62c9ec
```
#62c9ec rgb(98,201,236)
```
#5cccf2
```
#5cccf2 rgb(92,204,242)
```
#55cff9
```
#55cff9 rgb(85,207,249)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a1b1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b9d8 Protanopia 1% of men
#b5b7e4 Deuteranopia 1% of men
#73c6d5 Tritanopia 0.001% of the population

Trichromacy

#9bbcda Protanomaly 1% of men, 0.01% of women
#9bbbe2 Deuteranomaly 6% of men, 0.4% of women
#72c5d8 Tritanomaly 0.01% of the population

#70c2de hex color

#70c2de Color Information

#70c2de Color Conversion

Color Schemes with #70c2de

Alternatives to #70c2de

#70c2de Preview

Shades and Tints of #70c2de

Tones of #70c2de

Color Blindness Simulator