#70bfe2 hex color

In a RGB color space, hex #70bfe2 is composed of 43.9% red, 74.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 15.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.4 degrees, a saturation of 66.3% and a lightness of 66.3%. #70bfe2 color hex could be obtained by blending #e0ffff with #007fc5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 75
- B 89
RGB color chart
- C 50
- M 15
- Y 0
- K 11
CMYK color chart

● #70bfe2 color description : Soft blue.

The hexadecimal color #70bfe2 has RGB values of R:112, G:191, B:226 and CMYK values of C:0.5, M:0.15, Y:0, K:0.11. Its decimal value is 7389154.

Hex triplet	70bfe2	`#70bfe2`
RGB Decimal	112, 191, 226	`rgb(112,191,226)`
RGB Percent	43.9, 74.9, 88.6	`rgb(43.9%,74.9%,88.6%)`
CMYK	50, 15, 0, 11
HSL	198.4°, 66.3, 66.3	`hsl(198.4,66.3%,66.3%)`
HSV (or HSB)	198.4°, 50.4, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.672, -14.854, -24.962
XYZ	39.037, 46.195, 78.807
xyY	0.238, 0.282, 46.195
CIE-LCH	73.672, 29.047, 239.245
CIE-LUV	73.672, -35.047, -37.358
Hunter-Lab	67.967, -16.42, -21.169
Binary	01110000, 10111111, 11100010

#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#e29370
```
#e29370 rgb(226,147,112)
```

Complementary Color

#70e2cc
```
#70e2cc rgb(112,226,204)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#7086e2
```
#7086e2 rgb(112,134,226)
```

Analogous Color

#e2cc70
```
#e2cc70 rgb(226,204,112)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#e27086
```
#e27086 rgb(226,112,134)
```

Split Complementary Color

#bfe270
```
#bfe270 rgb(191,226,112)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#e270bf
```
#e270bf rgb(226,112,191)
```

Triadic Color

#70e293
```
#70e293 rgb(112,226,147)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#e270bf
```
#e270bf rgb(226,112,191)
```
#e29370
```
#e29370 rgb(226,147,112)
```

Tetradic Color

#30a3d5
```
#30a3d5 rgb(48,163,213)
```
#46acd9
```
#46acd9 rgb(70,172,217)
```
#5bb6de
```
#5bb6de rgb(91,182,222)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#85c8e6
```
#85c8e6 rgb(133,200,230)
```
#9ad2eb
```
#9ad2eb rgb(154,210,235)
```
#b0dbef
```
#b0dbef rgb(176,219,239)
```

Monochromatic Color

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

#70dce2
```
#70dce2 rgb(112,220,226)
```
#70d2e2
```
#70d2e2 rgb(112,210,226)
```
#70c9e2
```
#70c9e2 rgb(112,201,226)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#70b6e2
```
#70b6e2 rgb(112,182,226)
```
#70ace2
```
#70ace2 rgb(112,172,226)
```
#70a3e2
```
#70a3e2 rgb(112,163,226)
```

Similar Colors

Text with hexadecimal color #70bfe2

This text has a font color of #70bfe2.

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

#70bfe2 background color

This paragraph has a background color of #70bfe2.

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

#70bfe2 border color

This element has a border color of #70bfe2.

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

CSS codes

.text {color:#70bfe2;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040f14
```
#040f14 rgb(4,15,20)
```
#071b24
```
#071b24 rgb(7,27,36)
```
#0b2835
```
#0b2835 rgb(11,40,53)
```
#0e3445
```
#0e3445 rgb(14,52,69)
```
#114055
```
#114055 rgb(17,64,85)
```
#154d66
```
#154d66 rgb(21,77,102)
```
#185976
```
#185976 rgb(24,89,118)
```
#1b6586
```
#1b6586 rgb(27,101,134)
```
#1f7297
```
#1f7297 rgb(31,114,151)
```
#227ea7
```
#227ea7 rgb(34,126,167)
```
#258ab7
```
#258ab7 rgb(37,138,183)
```
#2897c7
```
#2897c7 rgb(40,151,199)
```

Shade Color Variation

#2fa2d5
```
#2fa2d5 rgb(47,162,213)
```
#3fa9d8
```
#3fa9d8 rgb(63,169,216)
```
#4fb0db
```
#4fb0db rgb(79,176,219)
```
#60b8df
```
#60b8df rgb(96,184,223)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#80c6e5
```
#80c6e5 rgb(128,198,229)
```
#91cee9
```
#91cee9 rgb(145,206,233)
```
#a1d5ec
```
#a1d5ec rgb(161,213,236)
```
#b1dcef
```
#b1dcef rgb(177,220,239)
```
#c2e3f3
```
#c2e3f3 rgb(194,227,243)
```
#d2ebf6
```
#d2ebf6 rgb(210,235,246)
```
#e2f2f9
```
#e2f2f9 rgb(226,242,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#a5abad
```
#a5abad rgb(165,171,173)
```
#9eadb4
```
#9eadb4 rgb(158,173,180)
```
#98b0ba
```
#98b0ba rgb(152,176,186)
```
#91b2c1
```
#91b2c1 rgb(145,178,193)
```
#8ab5c8
```
#8ab5c8 rgb(138,181,200)
```
#84b7ce
```
#84b7ce rgb(132,183,206)
```
#7dbad5
```
#7dbad5 rgb(125,186,213)
```
#77bcdb
```
#77bcdb rgb(119,188,219)
```
#70bfe2
```
#70bfe2 rgb(112,191,226)
```
#69c2e9
```
#69c2e9 rgb(105,194,233)
```
#63c4ef
```
#63c4ef rgb(99,196,239)
```
#5cc7f6
```
#5cc7f6 rgb(92,199,246)
```
#56c9fc
```
#56c9fc rgb(86,201,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9fafb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b7dc Protanopia 1% of men
#afb5e8 Deuteranopia 1% of men
#70c5d3 Tritanopia 0.001% of the population

Trichromacy

#98bade Protanomaly 1% of men, 0.01% of women
#98b9e5 Deuteranomaly 6% of men, 0.4% of women
#70c2d8 Tritanomaly 0.01% of the population

#70bfe2 hex color

#70bfe2 Color Information

#70bfe2 Color Conversion

Color Schemes with #70bfe2

Alternatives to #70bfe2

#70bfe2 Preview

Shades and Tints of #70bfe2

Tones of #70bfe2

Color Blindness Simulator