#70bbfa hex color

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

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

● #70bbfa color description : Soft blue.

The hexadecimal color #70bbfa has RGB values of R:112, G:187, B:250 and CMYK values of C:0.55, M:0.25, Y:0, K:0.02. Its decimal value is 7388154.

Hex triplet	70bbfa	`#70bbfa`
RGB Decimal	112, 187, 250	`rgb(112,187,250)`
RGB Percent	43.9, 73.3, 98	`rgb(43.9%,73.3%,98%)`
CMYK	55, 25, 0, 2
HSL	207.4°, 93.2, 71	`hsl(207.4,93.2%,71%)`
HSV (or HSB)	207.4°, 55.2, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.471, -5.71, -38.246
XYZ	41.704, 45.885, 97.096
xyY	0.226, 0.248, 45.885
CIE-LCH	73.471, 38.67, 261.509
CIE-LUV	73.471, -32.951, -61.1
Hunter-Lab	67.738, -8.648, -37.569
Binary	01110000, 10111011, 11111010

#70bbfa
```
#70bbfa rgb(112,187,250)
```
#faaf70
```
#faaf70 rgb(250,175,112)
```

Complementary Color

#70faf4
```
#70faf4 rgb(112,250,244)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#7076fa
```
#7076fa rgb(112,118,250)
```

Analogous Color

#faf470
```
#faf470 rgb(250,244,112)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#fa7076
```
#fa7076 rgb(250,112,118)
```

Split Complementary Color

#bbfa70
```
#bbfa70 rgb(187,250,112)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#fa70bb
```
#fa70bb rgb(250,112,187)
```

Triadic Color

#70faaf
```
#70faaf rgb(112,250,175)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#fa70bb
```
#fa70bb rgb(250,112,187)
```
#faaf70
```
#faaf70 rgb(250,175,112)
```

Tetradic Color

#2698f7
```
#2698f7 rgb(38,152,247)
```
#3fa4f8
```
#3fa4f8 rgb(63,164,248)
```
#57aff9
```
#57aff9 rgb(87,175,249)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#89c7fb
```
#89c7fb rgb(137,199,251)
```
#a1d2fc
```
#a1d2fc rgb(161,210,252)
```
#badefd
```
#badefd rgb(186,222,253)
```

Monochromatic Color

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

#70defa
```
#70defa rgb(112,222,250)
```
#70d2fa
```
#70d2fa rgb(112,210,250)
```
#70c7fa
```
#70c7fa rgb(112,199,250)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#70b0fa
```
#70b0fa rgb(112,176,250)
```
#70a4fa
```
#70a4fa rgb(112,164,250)
```
#7099fa
```
#7099fa rgb(112,153,250)
```

Similar Colors

Text with hexadecimal color #70bbfa

This text has a font color of #70bbfa.

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

#70bbfa background color

This paragraph has a background color of #70bbfa.

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

#70bbfa border color

This element has a border color of #70bbfa.

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

CSS codes

.text {color:#70bbfa;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#010f1c
```
#010f1c rgb(1,15,28)
```
#021a2f
```
#021a2f rgb(2,26,47)
```
#022541
```
#022541 rgb(2,37,65)
```
#032f54
```
#032f54 rgb(3,47,84)
```
#043a67
```
#043a67 rgb(4,58,103)
```
#04447a
```
#04447a rgb(4,68,122)
```
#054f8d
```
#054f8d rgb(5,79,141)
```
#065aa0
```
#065aa0 rgb(6,90,160)
```
#0664b3
```
#0664b3 rgb(6,100,179)
```
#076fc6
```
#076fc6 rgb(7,111,198)
```
#0879d9
```
#0879d9 rgb(8,121,217)
```
#0884ec
```
#0884ec rgb(8,132,236)
```

Shade Color Variation

#118ef7
```
#118ef7 rgb(17,142,247)
```
#2497f7
```
#2497f7 rgb(36,151,247)
```
#37a0f8
```
#37a0f8 rgb(55,160,248)
```
#4aa9f9
```
#4aa9f9 rgb(74,169,249)
```
#5db2f9
```
#5db2f9 rgb(93,178,249)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```
#83c4fb
```
#83c4fb rgb(131,196,251)
```
#96cdfb
```
#96cdfb rgb(150,205,251)
```
#a9d6fc
```
#a9d6fc rgb(169,214,252)
```
#bcdffd
```
#bcdffd rgb(188,223,253)
```
#cfe8fd
```
#cfe8fd rgb(207,232,253)
```
#e2f1fe
```
#e2f1fe rgb(226,241,254)
```
#f5faff
```
#f5faff rgb(245,250,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 #70bbfa is the most saturated one.

#b4b5b6
```
#b4b5b6 rgb(180,181,182)
```
#afb6bb
```
#afb6bb rgb(175,182,187)
```
#a9b6c1
```
#a9b6c1 rgb(169,182,193)
```
#a3b7c7
```
#a3b7c7 rgb(163,183,199)
```
#9eb7cc
```
#9eb7cc rgb(158,183,204)
```
#98b8d2
```
#98b8d2 rgb(152,184,210)
```
#92b8d8
```
#92b8d8 rgb(146,184,216)
```
#8cb9de
```
#8cb9de rgb(140,185,222)
```
#87b9e3
```
#87b9e3 rgb(135,185,227)
```
#81bae9
```
#81bae9 rgb(129,186,233)
```
#7bbaef
```
#7bbaef rgb(123,186,239)
```
#76bbf4
```
#76bbf4 rgb(118,187,244)
```
#70bbfa
```
#70bbfa rgb(112,187,250)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a0afbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b6f4 Protanopia 1% of men
#9db6fd Deuteranopia 1% of men
#64c5d4 Tritanopia 0.001% of the population

Trichromacy

#91b7f6 Protanomaly 1% of men, 0.01% of women
#8cb8fc Deuteranomaly 6% of men, 0.4% of women
#68c1e2 Tritanomaly 0.01% of the population

#70bbfa hex color

#70bbfa Color Information

#70bbfa Color Conversion

Color Schemes with #70bbfa

Alternatives to #70bbfa

#70bbfa Preview

Shades and Tints of #70bbfa

Tones of #70bbfa

Color Blindness Simulator