colorhexa.com

#70b4e6 hex color

In a RGB color space, hex #70b4e6 is composed of 43.9% red, 70.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 21.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 205.4 degrees, a saturation of 70.2% and a lightness of 67.1%. #70b4e6 color hex could be obtained by blending #e0ffff with #0069cd. Closest websafe color is: #66ccff.

- R 44
- G 71
- B 90
RGB color chart
- C 51
- M 22
- Y 0
- K 10
CMYK color chart

● #70b4e6 color description : Soft blue.

The hexadecimal color #70b4e6 has RGB values of R:112, G:180, B:230 and CMYK values of C:0.51, M:0.22, Y:0, K:0.1. Its decimal value is 7386342.

Hex triplet	70b4e6	`#70b4e6`
RGB Decimal	112, 180, 230	`rgb(112,180,230)`
RGB Percent	43.9, 70.6, 90.2	`rgb(43.9%,70.6%,90.2%)`
CMYK	51, 22, 0, 10
HSL	205.4°, 70.2, 67.1	`hsl(205.4,70.2%,67.1%)`
HSV (or HSB)	205.4°, 51.3, 90.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.732, -7.833, -31.654
XYZ	37.283, 41.798, 80.962
xyY	0.233, 0.261, 41.798
CIE-LCH	70.732, 32.608, 256.101
CIE-LUV	70.732, -30.751, -49.327
Hunter-Lab	64.652, -10.204, -28.991
Binary	01110000, 10110100, 11100110

#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#e6a270
```
#e6a270 rgb(230,162,112)
```

Complementary Color

#70e6dd
```
#70e6dd rgb(112,230,221)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#7079e6
```
#7079e6 rgb(112,121,230)
```

Analogous Color

#e6dd70
```
#e6dd70 rgb(230,221,112)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#e67079
```
#e67079 rgb(230,112,121)
```

Split Complementary Color

#b4e670
```
#b4e670 rgb(180,230,112)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#e670b4
```
#e670b4 rgb(230,112,180)
```

Triadic Color

#70e6a2
```
#70e6a2 rgb(112,230,162)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#e670b4
```
#e670b4 rgb(230,112,180)
```
#e6a270
```
#e6a270 rgb(230,162,112)
```

Tetradic Color

#2f92db
```
#2f92db rgb(47,146,219)
```
#459dde
```
#459dde rgb(69,157,222)
```
#5aa9e2
```
#5aa9e2 rgb(90,169,226)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#86bfea
```
#86bfea rgb(134,191,234)
```
#9bcbee
```
#9bcbee rgb(155,203,238)
```
#b1d6f1
```
#b1d6f1 rgb(177,214,241)
```

Monochromatic Color

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

#70d2e6
```
#70d2e6 rgb(112,210,230)
```
#70c8e6
```
#70c8e6 rgb(112,200,230)
```
#70bee6
```
#70bee6 rgb(112,190,230)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#70aae6
```
#70aae6 rgb(112,170,230)
```
#70a0e6
```
#70a0e6 rgb(112,160,230)
```
#7097e6
```
#7097e6 rgb(112,151,230)
```

Similar Colors

Text with hexadecimal color #70b4e6

This text has a font color of #70b4e6.

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

#70b4e6 background color

This paragraph has a background color of #70b4e6.

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

#70b4e6 border color

This element has a border color of #70b4e6.

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

CSS codes

.text {color:#70b4e6;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#041018
```
#041018 rgb(4,16,24)
```
#071a29
```
#071a29 rgb(7,26,41)
```
#0a2539
```
#0a2539 rgb(10,37,57)
```
#0d304a
```
#0d304a rgb(13,48,74)
```
#103b5b
```
#103b5b rgb(16,59,91)
```
#13466b
```
#13466b rgb(19,70,107)
```
#16517c
```
#16517c rgb(22,81,124)
```
#195c8d
```
#195c8d rgb(25,92,141)
```
#1c669e
```
#1c669e rgb(28,102,158)
```
#1e71ae
```
#1e71ae rgb(30,113,174)
```
#217cbf
```
#217cbf rgb(33,124,191)
```
#2487d0
```
#2487d0 rgb(36,135,208)
```

Shade Color Variation

#2d91da
```
#2d91da rgb(45,145,218)
```
#3e9add
```
#3e9add rgb(62,154,221)
```
#4fa2e0
```
#4fa2e0 rgb(79,162,224)
```
#5fabe3
```
#5fabe3 rgb(95,171,227)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#81bde9
```
#81bde9 rgb(129,189,233)
```
#91c6ec
```
#91c6ec rgb(145,198,236)
```
#a2ceef
```
#a2ceef rgb(162,206,239)
```
#b3d7f2
```
#b3d7f2 rgb(179,215,242)
```
#c3e0f5
```
#c3e0f5 rgb(195,224,245)
```
#d4e9f8
```
#d4e9f8 rgb(212,233,248)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

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

#aaabac
```
#aaabac rgb(170,171,172)
```
#a4acb2
```
#a4acb2 rgb(164,172,178)
```
#9dadb9
```
#9dadb9 rgb(157,173,185)
```
#97aebf
```
#97aebf rgb(151,174,191)
```
#90afc6
```
#90afc6 rgb(144,175,198)
```
#8ab0cc
```
#8ab0cc rgb(138,176,204)
```
#83b1d3
```
#83b1d3 rgb(131,177,211)
```
#7db2d9
```
#7db2d9 rgb(125,178,217)
```
#76b3e0
```
#76b3e0 rgb(118,179,224)
```
#70b4e6
```
#70b4e6 rgb(112,180,230)
```
#6ab5ec
```
#6ab5ec rgb(106,181,236)
```
#63b6f3
```
#63b6f3 rgb(99,182,243)
```
#5db7f9
```
#5db7f9 rgb(93,183,249)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9aa8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3afe1 Protanopia 1% of men
#9fafea Deuteranopia 1% of men
#6bbdcb Tritanopia 0.001% of the population

Trichromacy

#90b1e3 Protanomaly 1% of men, 0.01% of women
#8db0e8 Deuteranomaly 6% of men, 0.4% of women
#6cb9d4 Tritanomaly 0.01% of the population