#70a9bb hex color

In a RGB color space, hex #70a9bb is composed of 43.9% red, 66.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 9.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 194.4 degrees, a saturation of 35.5% and a lightness of 58.6%. #70a9bb color hex could be obtained by blending #e0ffff with #005377. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 66
- B 73
RGB color chart
- C 40
- M 10
- Y 0
- K 27
CMYK color chart

● #70a9bb color description : Slightly desaturated cyan.

The hexadecimal color #70a9bb has RGB values of R:112, G:169, B:187 and CMYK values of C:0.4, M:0.1, Y:0, K:0.27. Its decimal value is 7383483.

Hex triplet	70a9bb	`#70a9bb`
RGB Decimal	112, 169, 187	`rgb(112,169,187)`
RGB Percent	43.9, 66.3, 73.3	`rgb(43.9%,66.3%,73.3%)`
CMYK	40, 10, 0, 27
HSL	194.4°, 35.5, 58.6	`hsl(194.4,35.5%,58.6%)`
HSV (or HSB)	194.4°, 40.1, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.064, -13.909, -15.114
XYZ	29.837, 35.407, 52.273
xyY	0.254, 0.301, 35.407
CIE-LCH	66.064, 20.54, 227.376
CIE-LUV	66.064, -27.104, -20.928
Hunter-Lab	59.504, -14.625, -10.432
Binary	01110000, 10101001, 10111011

#70a9bb
```
#70a9bb rgb(112,169,187)
```
#bb8270
```
#bb8270 rgb(187,130,112)
```

Complementary Color

#70bba8
```
#70bba8 rgb(112,187,168)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#7084bb
```
#7084bb rgb(112,132,187)
```

Analogous Color

#bba870
```
#bba870 rgb(187,168,112)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#bb7084
```
#bb7084 rgb(187,112,132)
```

Split Complementary Color

#a9bb70
```
#a9bb70 rgb(169,187,112)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#bb70a9
```
#bb70a9 rgb(187,112,169)
```

Triadic Color

#70bb82
```
#70bb82 rgb(112,187,130)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#bb70a9
```
#bb70a9 rgb(187,112,169)
```
#bb8270
```
#bb8270 rgb(187,130,112)
```

Tetradic Color

#488497
```
#488497 rgb(72,132,151)
```
#5093a8
```
#5093a8 rgb(80,147,168)
```
#5f9fb3
```
#5f9fb3 rgb(95,159,179)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#81b3c3
```
#81b3c3 rgb(129,179,195)
```
#93becb
```
#93becb rgb(147,190,203)
```
#a4c8d4
```
#a4c8d4 rgb(164,200,212)
```

Monochromatic Color

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

#70bbba
```
#70bbba rgb(112,187,186)
```
#70b6bb
```
#70b6bb rgb(112,182,187)
```
#70afbb
```
#70afbb rgb(112,175,187)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#70a3bb
```
#70a3bb rgb(112,163,187)
```
#709dbb
```
#709dbb rgb(112,157,187)
```
#7096bb
```
#7096bb rgb(112,150,187)
```

Similar Colors

Text with hexadecimal color #70a9bb

This text has a font color of #70a9bb.

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

#70a9bb background color

This paragraph has a background color of #70a9bb.

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

#70a9bb border color

This element has a border color of #70a9bb.

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

CSS codes

.text {color:#70a9bb;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e1a1e
```
#0e1a1e rgb(14,26,30)
```
#15262b
```
#15262b rgb(21,38,43)
```
#1b3138
```
#1b3138 rgb(27,49,56)
```
#213d46
```
#213d46 rgb(33,61,70)
```
#274953
```
#274953 rgb(39,73,83)
```
#2e5460
```
#2e5460 rgb(46,84,96)
```
#34606e
```
#34606e rgb(52,96,110)
```
#3a6b7b
```
#3a6b7b rgb(58,107,123)
```
#417788
```
#417788 rgb(65,119,136)
```
#478395
```
#478395 rgb(71,131,149)
```
#4d8ea3
```
#4d8ea3 rgb(77,142,163)
```

Shade Color Variation

#5599ae
```
#5599ae rgb(85,153,174)
```
#63a1b5
```
#63a1b5 rgb(99,161,181)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#7db1c1
```
#7db1c1 rgb(125,177,193)
```
#8bb9c8
```
#8bb9c8 rgb(139,185,200)
```
#98c1ce
```
#98c1ce rgb(152,193,206)
```
#a5c9d4
```
#a5c9d4 rgb(165,201,212)
```
#b2d1db
```
#b2d1db rgb(178,209,219)
```
#c0d9e1
```
#c0d9e1 rgb(192,217,225)
```
#cde1e7
```
#cde1e7 rgb(205,225,231)
```
#dae9ee
```
#dae9ee rgb(218,233,238)
```
#e8f1f4
```
#e8f1f4 rgb(232,241,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90989b is the less saturated color, while #2fcbfc is the most saturated one.

#90989b
```
#90989b rgb(144,152,155)
```
#889ca3
```
#889ca3 rgb(136,156,163)
```
#80a1ab
```
#80a1ab rgb(128,161,171)
```
#78a5b3
```
#78a5b3 rgb(120,165,179)
```
#70a9bb
```
#70a9bb rgb(112,169,187)
```
#68adc3
```
#68adc3 rgb(104,173,195)
```
#60b1cb
```
#60b1cb rgb(96,177,203)
```
#58b6d3
```
#58b6d3 rgb(88,182,211)
```
#50badb
```
#50badb rgb(80,186,219)
```
#47bee4
```
#47bee4 rgb(71,190,228)
```
#3fc2ec
```
#3fc2ec rgb(63,194,236)
```
#37c7f4
```
#37c7f4 rgb(55,199,244)
```
#2fcbfc
```
#2fcbfc rgb(47,203,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#929da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a4b9 Protanopia 1% of men
#a5a2c2 Deuteranopia 1% of men
#76aeba Tritanopia 0.001% of the population

Trichromacy

#8fa6b9 Protanomaly 1% of men, 0.01% of women
#92a4bf Deuteranomaly 6% of men, 0.4% of women
#73acba Tritanomaly 0.01% of the population

#70a9bb hex color

#70a9bb Color Information

#70a9bb Color Conversion

Color Schemes with #70a9bb

Alternatives to #70a9bb

#70a9bb Preview

Shades and Tints of #70a9bb

Tones of #70a9bb

Color Blindness Simulator