#70caf9 hex color

In a RGB color space, hex #70caf9 is composed of 43.9% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 200.6 degrees, a saturation of 91.9% and a lightness of 70.8%. #70caf9 color hex could be obtained by blending #e0ffff with #0095f3. Closest websafe color is: #66ccff.

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

● #70caf9 color description : Soft blue.

The hexadecimal color #70caf9 has RGB values of R:112, G:202, B:249 and CMYK values of C:0.55, M:0.19, Y:0, K:0.02. Its decimal value is 7391993.

Hex triplet	70caf9	`#70caf9`
RGB Decimal	112, 202, 249	`rgb(112,202,249)`
RGB Percent	43.9, 79.2, 97.6	`rgb(43.9%,79.2%,97.6%)`
CMYK	55, 19, 0, 2
HSL	200.6°, 91.9, 70.8	`hsl(200.6,91.9%,70.8%)`
HSV (or HSB)	200.6°, 55, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.592, -14.014, -31.334
XYZ	44.897, 52.522, 97.389
xyY	0.23, 0.27, 52.522
CIE-LCH	77.592, 34.324, 245.904
CIE-LUV	77.592, -38.523, -48.539
Hunter-Lab	72.472, -16.244, -28.944
Binary	01110000, 11001010, 11111001

#70caf9
```
#70caf9 rgb(112,202,249)
```
#f99f70
```
#f99f70 rgb(249,159,112)
```

Complementary Color

#70f9e4
```
#70f9e4 rgb(112,249,228)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```

Analogous Color

#f9e470
```
#f9e470 rgb(249,228,112)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#f97086
```
#f97086 rgb(249,112,134)
```

Split Complementary Color

#caf970
```
#caf970 rgb(202,249,112)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#f970ca
```
#f970ca rgb(249,112,202)
```

Triadic Color

#70f99f
```
#70f99f rgb(112,249,159)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#f970ca
```
#f970ca rgb(249,112,202)
```
#f99f70
```
#f99f70 rgb(249,159,112)
```

Tetradic Color

#27aff6
```
#27aff6 rgb(39,175,246)
```
#3fb8f7
```
#3fb8f7 rgb(63,184,247)
```
#58c1f8
```
#58c1f8 rgb(88,193,248)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#88d3fa
```
#88d3fa rgb(136,211,250)
```
#a1dcfb
```
#a1dcfb rgb(161,220,251)
```
#b9e5fc
```
#b9e5fc rgb(185,229,252)
```

Monochromatic Color

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

#70ecf9
```
#70ecf9 rgb(112,236,249)
```
#70e1f9
```
#70e1f9 rgb(112,225,249)
```
#70d5f9
```
#70d5f9 rgb(112,213,249)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#70bff9
```
#70bff9 rgb(112,191,249)
```
#70b3f9
```
#70b3f9 rgb(112,179,249)
```
#70a8f9
```
#70a8f9 rgb(112,168,249)
```

Similar Colors

Text with hexadecimal color #70caf9

This text has a font color of #70caf9.

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

#70caf9 background color

This paragraph has a background color of #70caf9.

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

#70caf9 border color

This element has a border color of #70caf9.

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

CSS codes

.text {color:#70caf9;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#01121a
```
#01121a rgb(1,18,26)
```
#021e2d
```
#021e2d rgb(2,30,45)
```
#032b40
```
#032b40 rgb(3,43,64)
```
#033853
```
#033853 rgb(3,56,83)
```
#044466
```
#044466 rgb(4,68,102)
```
#055179
```
#055179 rgb(5,81,121)
```
#065e8b
```
#065e8b rgb(6,94,139)
```
#076a9e
```
#076a9e rgb(7,106,158)
```
#0777b1
```
#0777b1 rgb(7,119,177)
```
#0883c4
```
#0883c4 rgb(8,131,196)
```
#0990d7
```
#0990d7 rgb(9,144,215)
```
#0a9dea
```
#0a9dea rgb(10,157,234)
```

Shade Color Variation

#12a7f5
```
#12a7f5 rgb(18,167,245)
```
#25aef6
```
#25aef6 rgb(37,174,246)
```
#38b5f7
```
#38b5f7 rgb(56,181,247)
```
#4abcf7
```
#4abcf7 rgb(74,188,247)
```
#5dc3f8
```
#5dc3f8 rgb(93,195,248)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#83d1fa
```
#83d1fa rgb(131,209,250)
```
#96d8fb
```
#96d8fb rgb(150,216,251)
```
#a8dffb
```
#a8dffb rgb(168,223,251)
```
#bbe6fc
```
#bbe6fc rgb(187,230,252)
```
#ceedfd
```
#ceedfd rgb(206,237,253)
```
#e1f4fe
```
#e1f4fe rgb(225,244,254)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#afb6ba
```
#afb6ba rgb(175,182,186)
```
#a9b8c0
```
#a9b8c0 rgb(169,184,192)
```
#a4bac5
```
#a4bac5 rgb(164,186,197)
```
#9ebccb
```
#9ebccb rgb(158,188,203)
```
#98bdd1
```
#98bdd1 rgb(152,189,209)
```
#92bfd7
```
#92bfd7 rgb(146,191,215)
```
#8dc1dc
```
#8dc1dc rgb(141,193,220)
```
#87c3e2
```
#87c3e2 rgb(135,195,226)
```
#81c5e8
```
#81c5e8 rgb(129,197,232)
```
#7bc6ee
```
#7bc6ee rgb(123,198,238)
```
#76c8f3
```
#76c8f3 rgb(118,200,243)
```
#70caf9
```
#70caf9 rgb(112,202,249)
```
#6accff
```
#6accff rgb(106,204,255)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a6b8c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f1 Protanopia 1% of men
#b2c0fe Deuteranopia 1% of men
#6bd1e0 Tritanopia 0.001% of the population

Trichromacy

#9cc4f4 Protanomaly 1% of men, 0.01% of women
#9ac3fc Deuteranomaly 6% of men, 0.4% of women
#6ccee9 Tritanomaly 0.01% of the population

#70caf9 hex color

#70caf9 Color Information

#70caf9 Color Conversion

Color Schemes with #70caf9

Alternatives to #70caf9

#70caf9 Preview

Shades and Tints of #70caf9

Tones of #70caf9

Color Blindness Simulator