#70d5fa hex color

In a RGB color space, hex #70d5fa is composed of 43.9% red, 83.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 14.8% magenta, 0% yellow and 2% black. It has a hue angle of 196.1 degrees, a saturation of 93.2% and a lightness of 71%. #70d5fa color hex could be obtained by blending #e0ffff with #00abf5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 84
- B 98
RGB color chart
- C 55
- M 15
- Y 0
- K 2
CMYK color chart

● #70d5fa color description : Soft blue.

The hexadecimal color #70d5fa has RGB values of R:112, G:213, B:250 and CMYK values of C:0.55, M:0.15, Y:0, K:0.02. Its decimal value is 7394810.

Hex triplet	70d5fa	`#70d5fa`
RGB Decimal	112, 213, 250	`rgb(112,213,250)`
RGB Percent	43.9, 83.5, 98	`rgb(43.9%,83.5%,98%)`
CMYK	55, 15, 0, 2
HSL	196.1°, 93.2, 71	`hsl(196.1,93.2%,71%)`
HSV (or HSB)	196.1°, 55.2, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.701, -19.398, -27.098
XYZ	47.727, 57.932, 99.104
xyY	0.233, 0.283, 57.932
CIE-LCH	80.701, 33.326, 234.403
CIE-LUV	80.701, -42.58, -40.772
Hunter-Lab	76.113, -21.268, -23.92
Binary	01110000, 11010101, 11111010

#70d5fa
```
#70d5fa rgb(112,213,250)
```
#fa9570
```
#fa9570 rgb(250,149,112)
```

Complementary Color

#70fada
```
#70fada rgb(112,250,218)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#7090fa
```
#7090fa rgb(112,144,250)
```

Analogous Color

#fada70
```
#fada70 rgb(250,218,112)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#fa7090
```
#fa7090 rgb(250,112,144)
```

Split Complementary Color

#d5fa70
```
#d5fa70 rgb(213,250,112)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#fa70d5
```
#fa70d5 rgb(250,112,213)
```

Triadic Color

#70fa95
```
#70fa95 rgb(112,250,149)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#fa70d5
```
#fa70d5 rgb(250,112,213)
```
#fa9570
```
#fa9570 rgb(250,149,112)
```

Tetradic Color

#26bff7
```
#26bff7 rgb(38,191,247)
```
#3fc7f8
```
#3fc7f8 rgb(63,199,248)
```
#57cef9
```
#57cef9 rgb(87,206,249)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#89dcfb
```
#89dcfb rgb(137,220,251)
```
#a1e3fc
```
#a1e3fc rgb(161,227,252)
```
#baebfd
```
#baebfd rgb(186,235,253)
```

Monochromatic Color

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

#70f8fa
```
#70f8fa rgb(112,248,250)
```
#70ecfa
```
#70ecfa rgb(112,236,250)
```
#70e1fa
```
#70e1fa rgb(112,225,250)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#70cafa
```
#70cafa rgb(112,202,250)
```
#70befa
```
#70befa rgb(112,190,250)
```
#70b3fa
```
#70b3fa rgb(112,179,250)
```

Similar Colors

Text with hexadecimal color #70d5fa

This text has a font color of #70d5fa.

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

#70d5fa background color

This paragraph has a background color of #70d5fa.

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

#70d5fa border color

This element has a border color of #70d5fa.

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

CSS codes

.text {color:#70d5fa;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#01141c
```
#01141c rgb(1,20,28)
```
#02222f
```
#02222f rgb(2,34,47)
```
#023141
```
#023141 rgb(2,49,65)
```
#033f54
```
#033f54 rgb(3,63,84)
```
#044d67
```
#044d67 rgb(4,77,103)
```
#045b7a
```
#045b7a rgb(4,91,122)
```
#05698d
```
#05698d rgb(5,105,141)
```
#0677a0
```
#0677a0 rgb(6,119,160)
```
#0685b3
```
#0685b3 rgb(6,133,179)
```
#0793c6
```
#0793c6 rgb(7,147,198)
```
#08a1d9
```
#08a1d9 rgb(8,161,217)
```
#08afec
```
#08afec rgb(8,175,236)
```

Shade Color Variation

#11b9f7
```
#11b9f7 rgb(17,185,247)
```
#24bff7
```
#24bff7 rgb(36,191,247)
```
#37c4f8
```
#37c4f8 rgb(55,196,248)
```
#4acaf9
```
#4acaf9 rgb(74,202,249)
```
#5dcff9
```
#5dcff9 rgb(93,207,249)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```
#83dbfb
```
#83dbfb rgb(131,219,251)
```
#96e0fb
```
#96e0fb rgb(150,224,251)
```
#a9e6fc
```
#a9e6fc rgb(169,230,252)
```
#bcebfd
```
#bcebfd rgb(188,235,253)
```
#cff1fd
```
#cff1fd rgb(207,241,253)
```
#e2f6fe
```
#e2f6fe rgb(226,246,254)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#b4b5b6
```
#b4b5b6 rgb(180,181,182)
```
#afb8bb
```
#afb8bb rgb(175,184,187)
```
#a9bbc1
```
#a9bbc1 rgb(169,187,193)
```
#a3bdc7
```
#a3bdc7 rgb(163,189,199)
```
#9ec0cc
```
#9ec0cc rgb(158,192,204)
```
#98c3d2
```
#98c3d2 rgb(152,195,210)
```
#92c5d8
```
#92c5d8 rgb(146,197,216)
```
#8cc8de
```
#8cc8de rgb(140,200,222)
```
#87cae3
```
#87cae3 rgb(135,202,227)
```
#81cde9
```
#81cde9 rgb(129,205,233)
```
#7bd0ef
```
#7bd0ef rgb(123,208,239)
```
#76d2f4
```
#76d2f4 rgb(118,210,244)
```
#70d5fa
```
#70d5fa rgb(112,213,250)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#acc0c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f1 Protanopia 1% of men
#c0c7ff Deuteranopia 1% of men
#6fdaea Tritanopia 0.001% of the population

Trichromacy

#a4cdf4 Protanomaly 1% of men, 0.01% of women
#a3ccfd Deuteranomaly 6% of men, 0.4% of women
#6fd8ef Tritanomaly 0.01% of the population

#70d5fa hex color

#70d5fa Color Information

#70d5fa Color Conversion

Color Schemes with #70d5fa

Alternatives to #70d5fa

#70d5fa Preview

Shades and Tints of #70d5fa

Tones of #70d5fa

Color Blindness Simulator