#70b6f9 hex color

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

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

● #70b6f9 color description : Soft blue.

The hexadecimal color #70b6f9 has RGB values of R:112, G:182, B:249 and CMYK values of C:0.55, M:0.27, Y:0, K:0.02. Its decimal value is 7386873.

Hex triplet	70b6f9	`#70b6f9`
RGB Decimal	112, 182, 249	`rgb(112,182,249)`
RGB Percent	43.9, 71.4, 97.6	`rgb(43.9%,71.4%,97.6%)`
CMYK	55, 27, 0, 2
HSL	209.3°, 91.9, 70.8	`hsl(209.3,91.9%,70.8%)`
HSV (or HSB)	209.3°, 55, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.053, -3.274, -39.913
XYZ	40.505, 43.738, 95.925
xyY	0.225, 0.243, 43.738
CIE-LCH	72.053, 40.048, 265.311
CIE-LUV	72.053, -31.139, -64.104
Hunter-Lab	66.135, -6.411, -39.703
Binary	01110000, 10110110, 11111001

#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#f9b370
```
#f9b370 rgb(249,179,112)
```

Complementary Color

#70f9f8
```
#70f9f8 rgb(112,249,248)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#7072f9
```
#7072f9 rgb(112,114,249)
```

Analogous Color

#f9f870
```
#f9f870 rgb(249,248,112)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#f97072
```
#f97072 rgb(249,112,114)
```

Split Complementary Color

#b6f970
```
#b6f970 rgb(182,249,112)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#f970b6
```
#f970b6 rgb(249,112,182)
```

Triadic Color

#70f9b3
```
#70f9b3 rgb(112,249,179)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#f970b6
```
#f970b6 rgb(249,112,182)
```
#f9b370
```
#f9b370 rgb(249,179,112)
```

Tetradic Color

#2791f6
```
#2791f6 rgb(39,145,246)
```
#3f9df7
```
#3f9df7 rgb(63,157,247)
```
#58aaf8
```
#58aaf8 rgb(88,170,248)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#88c2fa
```
#88c2fa rgb(136,194,250)
```
#a1cffb
```
#a1cffb rgb(161,207,251)
```
#b9dbfc
```
#b9dbfc rgb(185,219,252)
```

Monochromatic Color

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

#70d8f9
```
#70d8f9 rgb(112,216,249)
```
#70cdf9
```
#70cdf9 rgb(112,205,249)
```
#70c1f9
```
#70c1f9 rgb(112,193,249)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#70abf9
```
#70abf9 rgb(112,171,249)
```
#709ff9
```
#709ff9 rgb(112,159,249)
```
#7094f9
```
#7094f9 rgb(112,148,249)
```

Similar Colors

Text with hexadecimal color #70b6f9

This text has a font color of #70b6f9.

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

#70b6f9 background color

This paragraph has a background color of #70b6f9.

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

#70b6f9 border color

This element has a border color of #70b6f9.

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

CSS codes

.text {color:#70b6f9;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010e1a
```
#010e1a rgb(1,14,26)
```
#02182d
```
#02182d rgb(2,24,45)
```
#032240
```
#032240 rgb(3,34,64)
```
#032c53
```
#032c53 rgb(3,44,83)
```
#043666
```
#043666 rgb(4,54,102)
```
#054079
```
#054079 rgb(5,64,121)
```
#064a8b
```
#064a8b rgb(6,74,139)
```
#07549e
```
#07549e rgb(7,84,158)
```
#075eb1
```
#075eb1 rgb(7,94,177)
```
#0868c4
```
#0868c4 rgb(8,104,196)
```
#0972d7
```
#0972d7 rgb(9,114,215)
```
#0a7cea
```
#0a7cea rgb(10,124,234)
```

Shade Color Variation

#1286f5
```
#1286f5 rgb(18,134,245)
```
#2590f6
```
#2590f6 rgb(37,144,246)
```
#3899f7
```
#3899f7 rgb(56,153,247)
```
#4aa3f7
```
#4aa3f7 rgb(74,163,247)
```
#5dacf8
```
#5dacf8 rgb(93,172,248)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#83c0fa
```
#83c0fa rgb(131,192,250)
```
#96c9fb
```
#96c9fb rgb(150,201,251)
```
#a8d3fb
```
#a8d3fb rgb(168,211,251)
```
#bbdcfc
```
#bbdcfc rgb(187,220,252)
```
#cee6fd
```
#cee6fd rgb(206,230,253)
```
#e1f0fe
```
#e1f0fe rgb(225,240,254)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#afb5ba
```
#afb5ba rgb(175,181,186)
```
#a9b5c0
```
#a9b5c0 rgb(169,181,192)
```
#a4b5c5
```
#a4b5c5 rgb(164,181,197)
```
#9eb5cb
```
#9eb5cb rgb(158,181,203)
```
#98b5d1
```
#98b5d1 rgb(152,181,209)
```
#92b5d7
```
#92b5d7 rgb(146,181,215)
```
#8db5dc
```
#8db5dc rgb(141,181,220)
```
#87b5e2
```
#87b5e2 rgb(135,181,226)
```
#81b6e8
```
#81b6e8 rgb(129,182,232)
```
#7bb6ee
```
#7bb6ee rgb(123,182,238)
```
#76b6f3
```
#76b6f3 rgb(118,182,243)
```
#70b6f9
```
#70b6f9 rgb(112,182,249)
```
#6ab6ff
```
#6ab6ff rgb(106,182,255)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9eacb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f4 Protanopia 1% of men
#96b3fb Deuteranopia 1% of men
#63c1d0 Tritanopia 0.001% of the population

Trichromacy

#8eb3f5 Protanomaly 1% of men, 0.01% of women
#88b4fa Deuteranomaly 6% of men, 0.4% of women
#67bddf Tritanomaly 0.01% of the population

#70b6f9 hex color

#70b6f9 Color Information

#70b6f9 Color Conversion

Color Schemes with #70b6f9

Alternatives to #70b6f9

#70b6f9 Preview

Shades and Tints of #70b6f9

Tones of #70b6f9

Color Blindness Simulator