#70d5ff hex color

In a RGB color space, hex #70d5ff is composed of 43.9% red, 83.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 16.5% magenta, 0% yellow and 0% black. It has a hue angle of 197.6 degrees, a saturation of 100% and a lightness of 72%. #70d5ff color hex could be obtained by blending #e0ffff with #00abff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 84
- B 100
RGB color chart
- C 56
- M 16
- Y 0
- K 0
CMYK color chart

● #70d5ff color description : Very light blue.

The hexadecimal color #70d5ff has RGB values of R:112, G:213, B:255 and CMYK values of C:0.56, M:0.16, Y:0, K:0. Its decimal value is 7394815.

Hex triplet	70d5ff	`#70d5ff`
RGB Decimal	112, 213, 255	`rgb(112,213,255)`
RGB Percent	43.9, 83.5, 100	`rgb(43.9%,83.5%,100%)`
CMYK	56, 16, 0, 0
HSL	197.6°, 100, 72	`hsl(197.6,100%,72%)`
HSV (or HSB)	197.6°, 56.1, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.878, -17.966, -29.484
XYZ	48.522, 58.25, 103.289
xyY	0.231, 0.277, 58.25
CIE-LCH	80.878, 34.527, 238.644
CIE-LUV	80.878, -42.392, -45.06
Hunter-Lab	76.322, -20.081, -26.814
Binary	01110000, 11010101, 11111111

#70d5ff
```
#70d5ff rgb(112,213,255)
```
#ff9a70
```
#ff9a70 rgb(255,154,112)
```

Complementary Color

#70ffe2
```
#70ffe2 rgb(112,255,226)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#708eff
```
#708eff rgb(112,142,255)
```

Analogous Color

#ffe270
```
#ffe270 rgb(255,226,112)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#ff708e
```
#ff708e rgb(255,112,142)
```

Split Complementary Color

#d5ff70
```
#d5ff70 rgb(213,255,112)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#ff70d5
```
#ff70d5 rgb(255,112,213)
```

Triadic Color

#70ff9a
```
#70ff9a rgb(112,255,154)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#ff70d5
```
#ff70d5 rgb(255,112,213)
```
#ff9a70
```
#ff9a70 rgb(255,154,112)
```

Tetradic Color

#24bfff
```
#24bfff rgb(36,191,255)
```
#3dc6ff
```
#3dc6ff rgb(61,198,255)
```
#57ceff
```
#57ceff rgb(87,206,255)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#8adcff
```
#8adcff rgb(138,220,255)
```
#a3e4ff
```
#a3e4ff rgb(163,228,255)
```
#bdebff
```
#bdebff rgb(189,235,255)
```

Monochromatic Color

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

#70f9ff
```
#70f9ff rgb(112,249,255)
```
#70edff
```
#70edff rgb(112,237,255)
```
#70e1ff
```
#70e1ff rgb(112,225,255)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#70c9ff
```
#70c9ff rgb(112,201,255)
```
#70bdff
```
#70bdff rgb(112,189,255)
```
#70b1ff
```
#70b1ff rgb(112,177,255)
```

Similar Colors

Text with hexadecimal color #70d5ff

This text has a font color of #70d5ff.

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

#70d5ff background color

This paragraph has a background color of #70d5ff.

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

#70d5ff border color

This element has a border color of #70d5ff.

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

CSS codes

.text {color:#70d5ff;}

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

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

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, #000a0e is the darkest color, while #f9fdff is the lightest one.

#000a0e
```
#000a0e rgb(0,10,14)
```
#001822
```
#001822 rgb(0,24,34)
```
#002635
```
#002635 rgb(0,38,53)
```
#003349
```
#003349 rgb(0,51,73)
```
#00415c
```
#00415c rgb(0,65,92)
```
#004f70
```
#004f70 rgb(0,79,112)
```
#005d84
```
#005d84 rgb(0,93,132)
```
#006b97
```
#006b97 rgb(0,107,151)
```
#0079ab
```
#0079ab rgb(0,121,171)
```
#0087be
```
#0087be rgb(0,135,190)
```
#0094d2
```
#0094d2 rgb(0,148,210)
```
#00a2e6
```
#00a2e6 rgb(0,162,230)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```

Shade Color Variation

#0eb8ff
```
#0eb8ff rgb(14,184,255)
```
#22beff
```
#22beff rgb(34,190,255)
```
#35c4ff
```
#35c4ff rgb(53,196,255)
```
#49c9ff
```
#49c9ff rgb(73,201,255)
```
#5ccfff
```
#5ccfff rgb(92,207,255)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#84dbff
```
#84dbff rgb(132,219,255)
```
#97e1ff
```
#97e1ff rgb(151,225,255)
```
#abe6ff
```
#abe6ff rgb(171,230,255)
```
#beecff
```
#beecff rgb(190,236,255)
```
#d2f2ff
```
#d2f2ff rgb(210,242,255)
```
#e6f8ff
```
#e6f8ff rgb(230,248,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#b2babd
```
#b2babd rgb(178,186,189)
```
#adbcc3
```
#adbcc3 rgb(173,188,195)
```
#a7bec8
```
#a7bec8 rgb(167,190,200)
```
#a2c1ce
```
#a2c1ce rgb(162,193,206)
```
#9cc3d3
```
#9cc3d3 rgb(156,195,211)
```
#97c5d9
```
#97c5d9 rgb(151,197,217)
```
#91c7de
```
#91c7de rgb(145,199,222)
```
#8ccae4
```
#8ccae4 rgb(140,202,228)
```
#86cce9
```
#86cce9 rgb(134,204,233)
```
#81ceef
```
#81ceef rgb(129,206,239)
```
#7bd0f4
```
#7bd0f4 rgb(123,208,244)
```
#76d3fa
```
#76d3fa rgb(118,211,250)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#adc1c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c9f6 Protanopia 1% of men
#bfc8ff Deuteranopia 1% of men
#6ddaea Tritanopia 0.001% of the population

Trichromacy

#a3cdf9 Protanomaly 1% of men, 0.01% of women
#a2cdff Deuteranomaly 6% of men, 0.4% of women
#6ed8f2 Tritanomaly 0.01% of the population

#70d5ff hex color

#70d5ff Color Information

#70d5ff Color Conversion

Color Schemes with #70d5ff

Alternatives to #70d5ff

#70d5ff Preview

Shades and Tints of #70d5ff

Tones of #70d5ff

Color Blindness Simulator