#70bdf8 hex color

In a RGB color space, hex #70bdf8 is composed of 43.9% red, 74.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 23.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 206 degrees, a saturation of 90.7% and a lightness of 70.6%. #70bdf8 color hex could be obtained by blending #e0ffff with #007bf1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 74
- B 97
RGB color chart
- C 55
- M 24
- Y 0
- K 3
CMYK color chart

● #70bdf8 color description : Soft blue.

The hexadecimal color #70bdf8 has RGB values of R:112, G:189, B:248 and CMYK values of C:0.55, M:0.24, Y:0, K:0.03. Its decimal value is 7388664.

Hex triplet	70bdf8	`#70bdf8`
RGB Decimal	112, 189, 248	`rgb(112,189,248)`
RGB Percent	43.9, 74.1, 97.3	`rgb(43.9%,74.1%,97.3%)`
CMYK	55, 24, 0, 3
HSL	206°, 90.7, 70.6	`hsl(206,90.7%,70.6%)`
HSV (or HSB)	206°, 54.8, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.943, -7.394, -36.436
XYZ	41.819, 46.615, 95.596
xyY	0.227, 0.253, 46.615
CIE-LCH	73.943, 37.178, 258.529
CIE-LUV	73.943, -33.733, -57.831
Hunter-Lab	68.275, -10.149, -35.223
Binary	01110000, 10111101, 11111000

#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#f8ab70
```
#f8ab70 rgb(248,171,112)
```

Complementary Color

#70f8ef
```
#70f8ef rgb(112,248,239)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#7079f8
```
#7079f8 rgb(112,121,248)
```

Analogous Color

#f8ef70
```
#f8ef70 rgb(248,239,112)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#f87079
```
#f87079 rgb(248,112,121)
```

Split Complementary Color

#bdf870
```
#bdf870 rgb(189,248,112)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#f870bd
```
#f870bd rgb(248,112,189)
```

Triadic Color

#70f8ab
```
#70f8ab rgb(112,248,171)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#f870bd
```
#f870bd rgb(248,112,189)
```
#f8ab70
```
#f8ab70 rgb(248,171,112)
```

Tetradic Color

#279bf4
```
#279bf4 rgb(39,155,244)
```
#3fa7f6
```
#3fa7f6 rgb(63,167,246)
```
#58b2f7
```
#58b2f7 rgb(88,178,247)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#88c8f9
```
#88c8f9 rgb(136,200,249)
```
#a1d3fa
```
#a1d3fa rgb(161,211,250)
```
#b9dffc
```
#b9dffc rgb(185,223,252)
```

Monochromatic Color

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

#70dff8
```
#70dff8 rgb(112,223,248)
```
#70d4f8
```
#70d4f8 rgb(112,212,248)
```
#70c8f8
```
#70c8f8 rgb(112,200,248)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#70b2f8
```
#70b2f8 rgb(112,178,248)
```
#70a6f8
```
#70a6f8 rgb(112,166,248)
```
#709bf8
```
#709bf8 rgb(112,155,248)
```

Similar Colors

Text with hexadecimal color #70bdf8

This text has a font color of #70bdf8.

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

#70bdf8 background color

This paragraph has a background color of #70bdf8.

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

#70bdf8 border color

This element has a border color of #70bdf8.

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

CSS codes

.text {color:#70bdf8;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#010f19
```
#010f19 rgb(1,15,25)
```
#021a2c
```
#021a2c rgb(2,26,44)
```
#03253f
```
#03253f rgb(3,37,63)
```
#043051
```
#043051 rgb(4,48,81)
```
#053b64
```
#053b64 rgb(5,59,100)
```
#064677
```
#064677 rgb(6,70,119)
```
#07518a
```
#07518a rgb(7,81,138)
```
#085c9c
```
#085c9c rgb(8,92,156)
```
#0967af
```
#0967af rgb(9,103,175)
```
#0972c2
```
#0972c2 rgb(9,114,194)
```
#0a7dd4
```
#0a7dd4 rgb(10,125,212)
```
#0b88e7
```
#0b88e7 rgb(11,136,231)
```

Shade Color Variation

#1392f3
```
#1392f3 rgb(19,146,243)
```
#259af4
```
#259af4 rgb(37,154,244)
```
#38a3f5
```
#38a3f5 rgb(56,163,245)
```
#4bacf6
```
#4bacf6 rgb(75,172,246)
```
#5db4f7
```
#5db4f7 rgb(93,180,247)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#83c6f9
```
#83c6f9 rgb(131,198,249)
```
#95cefa
```
#95cefa rgb(149,206,250)
```
#a8d7fb
```
#a8d7fb rgb(168,215,251)
```
#bbe0fc
```
#bbe0fc rgb(187,224,252)
```
#cee8fd
```
#cee8fd rgb(206,232,253)
```
#e0f1fd
```
#e0f1fd rgb(224,241,253)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

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

#afb5b9
```
#afb5b9 rgb(175,181,185)
```
#aab5be
```
#aab5be rgb(170,181,190)
```
#a4b6c4
```
#a4b6c4 rgb(164,182,196)
```
#9eb7ca
```
#9eb7ca rgb(158,183,202)
```
#98b8d0
```
#98b8d0 rgb(152,184,208)
```
#93b8d5
```
#93b8d5 rgb(147,184,213)
```
#8db9db
```
#8db9db rgb(141,185,219)
```
#87bae1
```
#87bae1 rgb(135,186,225)
```
#81bbe7
```
#81bbe7 rgb(129,187,231)
```
#7cbbec
```
#7cbbec rgb(124,187,236)
```
#76bcf2
```
#76bcf2 rgb(118,188,242)
```
#70bdf8
```
#70bdf8 rgb(112,189,248)
```
#6abefe
```
#6abefe rgb(106,190,254)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a1b0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b7f2 Protanopia 1% of men
#a1b7fb Deuteranopia 1% of men
#66c7d5 Tritanopia 0.001% of the population

Trichromacy

#93b9f4 Protanomaly 1% of men, 0.01% of women
#8fb9fa Deuteranomaly 6% of men, 0.4% of women
#69c3e2 Tritanomaly 0.01% of the population

#70bdf8 hex color

#70bdf8 Color Information

#70bdf8 Color Conversion

Color Schemes with #70bdf8

Alternatives to #70bdf8

#70bdf8 Preview

Shades and Tints of #70bdf8

Tones of #70bdf8

Color Blindness Simulator