#70c4fe hex color

In a RGB color space, hex #70c4fe is composed of 43.9% red, 76.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 22.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 204.5 degrees, a saturation of 98.6% and a lightness of 71.8%. #70c4fe color hex could be obtained by blending #e0ffff with #0089fd. Closest websafe color is: #66ccff.

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

● #70c4fe color description : Soft blue.

The hexadecimal color #70c4fe has RGB values of R:112, G:196, B:254 and CMYK values of C:0.56, M:0.23, Y:0, K:0. Its decimal value is 7390462.

Hex triplet	70c4fe	`#70c4fe`
RGB Decimal	112, 196, 254	`rgb(112,196,254)`
RGB Percent	43.9, 76.9, 99.6	`rgb(43.9%,76.9%,99.6%)`
CMYK	56, 23, 0, 0
HSL	204.5°, 98.6, 71.8	`hsl(204.5,98.6%,71.8%)`
HSV (or HSB)	204.5°, 55.9, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.117, -9.368, -36.289
XYZ	44.307, 50.078, 101.092
xyY	0.227, 0.256, 50.078
CIE-LCH	76.117, 37.478, 255.525
CIE-LUV	76.117, -36.156, -57.534
Hunter-Lab	70.765, -12.079, -35.162
Binary	01110000, 11000100, 11111110

#70c4fe
```
#70c4fe rgb(112,196,254)
```
#feaa70
```
#feaa70 rgb(254,170,112)
```

Complementary Color

#70fef1
```
#70fef1 rgb(112,254,241)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#707dfe
```
#707dfe rgb(112,125,254)
```

Analogous Color

#fef170
```
#fef170 rgb(254,241,112)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#fe707d
```
#fe707d rgb(254,112,125)
```

Split Complementary Color

#c4fe70
```
#c4fe70 rgb(196,254,112)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#fe70c4
```
#fe70c4 rgb(254,112,196)
```

Triadic Color

#70feaa
```
#70feaa rgb(112,254,170)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#fe70c4
```
#fe70c4 rgb(254,112,196)
```
#feaa70
```
#feaa70 rgb(254,170,112)
```

Tetradic Color

#24a5fd
```
#24a5fd rgb(36,165,253)
```
#3daffe
```
#3daffe rgb(61,175,254)
```
#57bafe
```
#57bafe rgb(87,186,254)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#89cefe
```
#89cefe rgb(137,206,254)
```
#a3d9fe
```
#a3d9fe rgb(163,217,254)
```
#bce3ff
```
#bce3ff rgb(188,227,255)
```

Monochromatic Color

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

#70e8fe
```
#70e8fe rgb(112,232,254)
```
#70dcfe
```
#70dcfe rgb(112,220,254)
```
#70d0fe
```
#70d0fe rgb(112,208,254)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#70b8fe
```
#70b8fe rgb(112,184,254)
```
#70acfe
```
#70acfe rgb(112,172,254)
```
#70a1fe
```
#70a1fe rgb(112,161,254)
```

Similar Colors

Text with hexadecimal color #70c4fe

This text has a font color of #70c4fe.

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

#70c4fe background color

This paragraph has a background color of #70c4fe.

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

#70c4fe border color

This element has a border color of #70c4fe.

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

CSS codes

.text {color:#70c4fe;}

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

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

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, #00080d is the darkest color, while #f8fcff is the lightest one.

#00080d
```
#00080d rgb(0,8,13)
```
#001320
```
#001320 rgb(0,19,32)
```
#001f34
```
#001f34 rgb(0,31,52)
```
#002a47
```
#002a47 rgb(0,42,71)
```
#01365b
```
#01365b rgb(1,54,91)
```
#01426e
```
#01426e rgb(1,66,110)
```
#014d82
```
#014d82 rgb(1,77,130)
```
#015995
```
#015995 rgb(1,89,149)
```
#0164a9
```
#0164a9 rgb(1,100,169)
```
#0170bc
```
#0170bc rgb(1,112,188)
```
#017bd0
```
#017bd0 rgb(1,123,208)
```
#0287e3
```
#0287e3 rgb(2,135,227)
```
#0293f7
```
#0293f7 rgb(2,147,247)
```

Shade Color Variation

#0f9cfd
```
#0f9cfd rgb(15,156,253)
```
#22a4fd
```
#22a4fd rgb(34,164,253)
```
#36acfe
```
#36acfe rgb(54,172,254)
```
#49b4fe
```
#49b4fe rgb(73,180,254)
```
#5dbcfe
```
#5dbcfe rgb(93,188,254)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```
#83ccfe
```
#83ccfe rgb(131,204,254)
```
#97d4fe
```
#97d4fe rgb(151,212,254)
```
#aadcfe
```
#aadcfe rgb(170,220,254)
```
#bee4ff
```
#bee4ff rgb(190,228,255)
```
#d1ecff
```
#d1ecff rgb(209,236,255)
```
#e5f4ff
```
#e5f4ff rgb(229,244,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#b2b8bc
```
#b2b8bc rgb(178,184,188)
```
#adb9c1
```
#adb9c1 rgb(173,185,193)
```
#a7bac7
```
#a7bac7 rgb(167,186,199)
```
#a2bbcc
```
#a2bbcc rgb(162,187,204)
```
#9cbcd2
```
#9cbcd2 rgb(156,188,210)
```
#97bdd7
```
#97bdd7 rgb(151,189,215)
```
#91bedd
```
#91bedd rgb(145,190,221)
```
#8cbfe2
```
#8cbfe2 rgb(140,191,226)
```
#86c0e8
```
#86c0e8 rgb(134,192,232)
```
#81c1ed
```
#81c1ed rgb(129,193,237)
```
#7bc2f3
```
#7bc2f3 rgb(123,194,243)
```
#76c3f8
```
#76c3f8 rgb(118,195,248)
```
#70c4fe
```
#70c4fe rgb(112,196,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a4b5c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbdf7 Protanopia 1% of men
#a8bdff Deuteranopia 1% of men
#66cddc Tritanopia 0.001% of the population

Trichromacy

#97bff9 Protanomaly 1% of men, 0.01% of women
#94bffe Deuteranomaly 6% of men, 0.4% of women
#69cae8 Tritanomaly 0.01% of the population

#70c4fe hex color

#70c4fe Color Information

#70c4fe Color Conversion

Color Schemes with #70c4fe

Alternatives to #70c4fe

#70c4fe Preview

Shades and Tints of #70c4fe

Tones of #70c4fe

Color Blindness Simulator