#70bac1 hex color

In a RGB color space, hex #70bac1 is composed of 43.9% red, 72.9% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 3.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 185.2 degrees, a saturation of 39.5% and a lightness of 59.8%. #70bac1 color hex could be obtained by blending #e0ffff with #007583. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 73
- B 76
RGB color chart
- C 42
- M 4
- Y 0
- K 24
CMYK color chart

● #70bac1 color description : Slightly desaturated cyan.

The hexadecimal color #70bac1 has RGB values of R:112, G:186, B:193 and CMYK values of C:0.42, M:0.04, Y:0, K:0.24. Its decimal value is 7387841.

Hex triplet	70bac1	`#70bac1`
RGB Decimal	112, 186, 193	`rgb(112,186,193)`
RGB Percent	43.9, 72.9, 75.7	`rgb(43.9%,72.9%,75.7%)`
CMYK	42, 4, 0, 24
HSL	185.2°, 39.5, 59.8	`hsl(185.2,39.5%,59.8%)`
HSV (or HSB)	185.2°, 42, 75.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.153, -21.198, -10.784
XYZ	33.864, 42.411, 56.851
xyY	0.254, 0.319, 42.411
CIE-LCH	71.153, 23.784, 206.963
CIE-LUV	71.153, -33.941, -13.179
Hunter-Lab	65.124, -21.147, -6.172
Binary	01110000, 10111010, 11000001

#70bac1
```
#70bac1 rgb(112,186,193)
```
#c17770
```
#c17770 rgb(193,119,112)
```

Complementary Color

#70c1a0
```
#70c1a0 rgb(112,193,160)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#7092c1
```
#7092c1 rgb(112,146,193)
```

Analogous Color

#c1a070
```
#c1a070 rgb(193,160,112)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#c17092
```
#c17092 rgb(193,112,146)
```

Split Complementary Color

#bac170
```
#bac170 rgb(186,193,112)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#c170ba
```
#c170ba rgb(193,112,186)
```

Triadic Color

#70c177
```
#70c177 rgb(112,193,119)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#c170ba
```
#c170ba rgb(193,112,186)
```
#c17770
```
#c17770 rgb(193,119,112)
```

Tetradic Color

#45989f
```
#45989f rgb(69,152,159)
```
#4da9b1
```
#4da9b1 rgb(77,169,177)
```
#5eb1b9
```
#5eb1b9 rgb(94,177,185)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#82c3c9
```
#82c3c9 rgb(130,195,201)
```
#94cbd0
```
#94cbd0 rgb(148,203,208)
```
#a5d4d8
```
#a5d4d8 rgb(165,212,216)
```

Monochromatic Color

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

#70c1b4
```
#70c1b4 rgb(112,193,180)
```
#70c1bb
```
#70c1bb rgb(112,193,187)
```
#70c1c1
```
#70c1c1 rgb(112,193,193)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#70b3c1
```
#70b3c1 rgb(112,179,193)
```
#70adc1
```
#70adc1 rgb(112,173,193)
```
#70a6c1
```
#70a6c1 rgb(112,166,193)
```

Similar Colors

Text with hexadecimal color #70bac1

This text has a font color of #70bac1.

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

#70bac1 background color

This paragraph has a background color of #70bac1.

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

#70bac1 border color

This element has a border color of #70bac1.

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

CSS codes

.text {color:#70bac1;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#091415
```
#091415 rgb(9,20,21)
```
#0f2123
```
#0f2123 rgb(15,33,35)
```
#152e31
```
#152e31 rgb(21,46,49)
```
#1b3b3e
```
#1b3b3e rgb(27,59,62)
```
#21484c
```
#21484c rgb(33,72,76)
```
#27555a
```
#27555a rgb(39,85,90)
```
#2d6267
```
#2d6267 rgb(45,98,103)
```
#336f75
```
#336f75 rgb(51,111,117)
```
#397c83
```
#397c83 rgb(57,124,131)
```
#3f8990
```
#3f8990 rgb(63,137,144)
```
#45969e
```
#45969e rgb(69,150,158)
```
#4aa3ac
```
#4aa3ac rgb(74,163,172)
```

Shade Color Variation

#55adb5
```
#55adb5 rgb(85,173,181)
```
#62b3bb
```
#62b3bb rgb(98,179,187)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#7ec1c7
```
#7ec1c7 rgb(126,193,199)
```
#8bc7cd
```
#8bc7cd rgb(139,199,205)
```
#99ced3
```
#99ced3 rgb(153,206,211)
```
#a7d4d9
```
#a7d4d9 rgb(167,212,217)
```
#b4dbdf
```
#b4dbdf rgb(180,219,223)
```
#c2e2e5
```
#c2e2e5 rgb(194,226,229)
```
#d0e8eb
```
#d0e8eb rgb(208,232,235)
```
#ddeff0
```
#ddeff0 rgb(221,239,240)
```
#ebf5f6
```
#ebf5f6 rgb(235,245,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999a is the less saturated color, while #39e8f8 is the most saturated one.

#97999a
```
#97999a rgb(151,153,154)
```
#90a0a1
```
#90a0a1 rgb(144,160,161)
```
#88a6a9
```
#88a6a9 rgb(136,166,169)
```
#80adb1
```
#80adb1 rgb(128,173,177)
```
#78b3b9
```
#78b3b9 rgb(120,179,185)
```
#70bac1
```
#70bac1 rgb(112,186,193)
```
#68c1c9
```
#68c1c9 rgb(104,193,201)
```
#60c7d1
```
#60c7d1 rgb(96,199,209)
```
#58ced9
```
#58ced9 rgb(88,206,217)
```
#50d4e1
```
#50d4e1 rgb(80,212,225)
```
#49dbe8
```
#49dbe8 rgb(73,219,232)
```
#41e1f0
```
#41e1f0 rgb(65,225,240)
```
#39e8f8
```
#39e8f8 rgb(57,232,248)
```

Tone Color Variation

Below, you can see how #70bac1 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
#9aa9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b1bd Protanopia 1% of men
#b7aec9 Deuteranopia 1% of men
#79bcca Tritanopia 0.001% of the population

Trichromacy

#9ab4be Protanomaly 1% of men, 0.01% of women
#9db2c6 Deuteranomaly 6% of men, 0.4% of women
#76bbc6 Tritanomaly 0.01% of the population

#70bac1 hex color

#70bac1 Color Information

#70bac1 Color Conversion

Color Schemes with #70bac1

Alternatives to #70bac1

#70bac1 Preview

Shades and Tints of #70bac1

Tones of #70bac1

Color Blindness Simulator