#70bac4 hex color

In a RGB color space, hex #70bac4 is composed of 43.9% red, 72.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 5.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 187.1 degrees, a saturation of 41.6% and a lightness of 60.4%. #70bac4 color hex could be obtained by blending #e0ffff with #007589. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 73
- B 77
RGB color chart
- C 43
- M 5
- Y 0
- K 23
CMYK color chart

● #70bac4 color description : Slightly desaturated cyan.

The hexadecimal color #70bac4 has RGB values of R:112, G:186, B:196 and CMYK values of C:0.43, M:0.05, Y:0, K:0.23. Its decimal value is 7387844.

Hex triplet	70bac4	`#70bac4`
RGB Decimal	112, 186, 196	`rgb(112,186,196)`
RGB Percent	43.9, 72.9, 76.9	`rgb(43.9%,72.9%,76.9%)`
CMYK	43, 5, 0, 23
HSL	187.1°, 41.6, 60.4	`hsl(187.1,41.6%,60.4%)`
HSV (or HSB)	187.1°, 42.9, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.246, -20.421, -12.288
XYZ	34.202, 42.546, 58.631
xyY	0.253, 0.314, 42.546
CIE-LCH	71.246, 23.834, 211.037
CIE-LUV	71.246, -33.865, -15.689
Hunter-Lab	65.227, -20.551, -7.635
Binary	01110000, 10111010, 11000100

#70bac4
```
#70bac4 rgb(112,186,196)
```
#c47a70
```
#c47a70 rgb(196,122,112)
```

Complementary Color

#70c4a4
```
#70c4a4 rgb(112,196,164)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#7090c4
```
#7090c4 rgb(112,144,196)
```

Analogous Color

#c4a470
```
#c4a470 rgb(196,164,112)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#c47090
```
#c47090 rgb(196,112,144)
```

Split Complementary Color

#bac470
```
#bac470 rgb(186,196,112)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#c470ba
```
#c470ba rgb(196,112,186)
```

Triadic Color

#70c47a
```
#70c47a rgb(112,196,122)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#c470ba
```
#c470ba rgb(196,112,186)
```
#c47a70
```
#c47a70 rgb(196,122,112)
```

Tetradic Color

#4498a4
```
#4498a4 rgb(68,152,164)
```
#4ca9b5
```
#4ca9b5 rgb(76,169,181)
```
#5eb1bd
```
#5eb1bd rgb(94,177,189)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#82c3cb
```
#82c3cb rgb(130,195,203)
```
#94cbd3
```
#94cbd3 rgb(148,203,211)
```
#a6d4da
```
#a6d4da rgb(166,212,218)
```

Monochromatic Color

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

#70c4b9
```
#70c4b9 rgb(112,196,185)
```
#70c4c0
```
#70c4c0 rgb(112,196,192)
```
#70c1c4
```
#70c1c4 rgb(112,193,196)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#70b3c4
```
#70b3c4 rgb(112,179,196)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#70a5c4
```
#70a5c4 rgb(112,165,196)
```

Similar Colors

Text with hexadecimal color #70bac4

This text has a font color of #70bac4.

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

#70bac4 background color

This paragraph has a background color of #70bac4.

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

#70bac4 border color

This element has a border color of #70bac4.

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

CSS codes

.text {color:#70bac4;}

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

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

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#0a1618
```
#0a1618 rgb(10,22,24)
```
#0f2326
```
#0f2326 rgb(15,35,38)
```
#153033
```
#153033 rgb(21,48,51)
```
#1b3d41
```
#1b3d41 rgb(27,61,65)
```
#214a4f
```
#214a4f rgb(33,74,79)
```
#26575d
```
#26575d rgb(38,87,93)
```
#2c636b
```
#2c636b rgb(44,99,107)
```
#327079
```
#327079 rgb(50,112,121)
```
#387d87
```
#387d87 rgb(56,125,135)
```
#3d8a95
```
#3d8a95 rgb(61,138,149)
```
#4397a2
```
#4397a2 rgb(67,151,162)
```
#49a4b0
```
#49a4b0 rgb(73,164,176)
```

Shade Color Variation

#54adb9
```
#54adb9 rgb(84,173,185)
```
#62b3be
```
#62b3be rgb(98,179,190)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#7ec1ca
```
#7ec1ca rgb(126,193,202)
```
#8cc7cf
```
#8cc7cf rgb(140,199,207)
```
#9aced5
```
#9aced5 rgb(154,206,213)
```
#a8d5db
```
#a8d5db rgb(168,213,219)
```
#b5dce1
```
#b5dce1 rgb(181,220,225)
```
#c3e2e6
```
#c3e2e6 rgb(195,226,230)
```
#d1e9ec
```
#d1e9ec rgb(209,233,236)
```
#dff0f2
```
#dff0f2 rgb(223,240,242)
```
#edf6f8
```
#edf6f8 rgb(237,246,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979c9d is the less saturated color, while #3ae3fa is the most saturated one.

#979c9d
```
#979c9d rgb(151,156,157)
```
#8fa2a5
```
#8fa2a5 rgb(143,162,165)
```
#87a8ad
```
#87a8ad rgb(135,168,173)
```
#80aeb4
```
#80aeb4 rgb(128,174,180)
```
#78b4bc
```
#78b4bc rgb(120,180,188)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#68c0cc
```
#68c0cc rgb(104,192,204)
```
#60c6d4
```
#60c6d4 rgb(96,198,212)
```
#59ccdb
```
#59ccdb rgb(89,204,219)
```
#51d2e3
```
#51d2e3 rgb(81,210,227)
```
#49d8eb
```
#49d8eb rgb(73,216,235)
```
#41def3
```
#41def3 rgb(65,222,243)
```
#3ae3fa
```
#3ae3fa rgb(58,227,250)
```

Tone Color Variation

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

#b1b1c0 Protanopia 1% of men
#b6aecc Deuteranopia 1% of men
#78bcca Tritanopia 0.001% of the population

Trichromacy

#99b4c1 Protanomaly 1% of men, 0.01% of women
#9cb2c9 Deuteranomaly 6% of men, 0.4% of women
#75bbc8 Tritanomaly 0.01% of the population

#70bac4 hex color

#70bac4 Color Information

#70bac4 Color Conversion

Color Schemes with #70bac4

Alternatives to #70bac4

#70bac4 Preview

Shades and Tints of #70bac4

Tones of #70bac4

Color Blindness Simulator