#70a4bf hex color

In a RGB color space, hex #70a4bf is composed of 43.9% red, 64.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 14.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 200.5 degrees, a saturation of 38.2% and a lightness of 59.4%. #70a4bf color hex could be obtained by blending #e0ffff with #00497f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 64
- B 75
RGB color chart
- C 41
- M 14
- Y 0
- K 25
CMYK color chart

● #70a4bf color description : Slightly desaturated blue.

The hexadecimal color #70a4bf has RGB values of R:112, G:164, B:191 and CMYK values of C:0.41, M:0.14, Y:0, K:0.25. Its decimal value is 7382207.

Hex triplet	70a4bf	`#70a4bf`
RGB Decimal	112, 164, 191	`rgb(112,164,191)`
RGB Percent	43.9, 64.3, 74.9	`rgb(43.9%,64.3%,74.9%)`
CMYK	41, 14, 0, 25
HSL	200.5°, 38.2, 59.4	`hsl(200.5,38.2%,59.4%)`
HSV (or HSB)	200.5°, 41.4, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.768, -10.148, -19.304
XYZ	29.359, 33.756, 54.256
xyY	0.25, 0.288, 33.756
CIE-LCH	64.768, 21.809, 242.269
CIE-LUV	64.768, -25.01, -28.104
Hunter-Lab	58.1, -11.474, -14.697
Binary	01110000, 10100100, 10111111

#70a4bf
```
#70a4bf rgb(112,164,191)
```
#bf8b70
```
#bf8b70 rgb(191,139,112)
```

Complementary Color

#70bfb3
```
#70bfb3 rgb(112,191,179)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#707dbf
```
#707dbf rgb(112,125,191)
```

Analogous Color

#bfb370
```
#bfb370 rgb(191,179,112)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#bf707d
```
#bf707d rgb(191,112,125)
```

Split Complementary Color

#a4bf70
```
#a4bf70 rgb(164,191,112)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#bf70a4
```
#bf70a4 rgb(191,112,164)
```

Triadic Color

#70bf8b
```
#70bf8b rgb(112,191,139)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#bf70a4
```
#bf70a4 rgb(191,112,164)
```
#bf8b70
```
#bf8b70 rgb(191,139,112)
```

Tetradic Color

#467f9c
```
#467f9c rgb(70,127,156)
```
#4e8dae
```
#4e8dae rgb(78,141,174)
```
#5e99b7
```
#5e99b7 rgb(94,153,183)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#82afc7
```
#82afc7 rgb(130,175,199)
```
#93bacf
```
#93bacf rgb(147,186,207)
```
#a5c6d7
```
#a5c6d7 rgb(165,198,215)
```

Monochromatic Color

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

#70b8bf
```
#70b8bf rgb(112,184,191)
```
#70b1bf
```
#70b1bf rgb(112,177,191)
```
#70abbf
```
#70abbf rgb(112,171,191)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#709dbf
```
#709dbf rgb(112,157,191)
```
#7097bf
```
#7097bf rgb(112,151,191)
```
#7090bf
```
#7090bf rgb(112,144,191)
```

Similar Colors

Text with hexadecimal color #70a4bf

This text has a font color of #70a4bf.

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

#70a4bf background color

This paragraph has a background color of #70a4bf.

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

#70a4bf border color

This element has a border color of #70a4bf.

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

CSS codes

.text {color:#70a4bf;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091014
```
#091014 rgb(9,16,20)
```
#0f1b21
```
#0f1b21 rgb(15,27,33)
```
#15262f
```
#15262f rgb(21,38,47)
```
#1b313c
```
#1b313c rgb(27,49,60)
```
#213c4a
```
#213c4a rgb(33,60,74)
```
#274757
```
#274757 rgb(39,71,87)
```
#2d5265
```
#2d5265 rgb(45,82,101)
```
#335d72
```
#335d72 rgb(51,93,114)
```
#396880
```
#396880 rgb(57,104,128)
```
#3f738e
```
#3f738e rgb(63,115,142)
```
#457e9b
```
#457e9b rgb(69,126,155)
```
#4b89a9
```
#4b89a9 rgb(75,137,169)
```

Shade Color Variation

#5593b3
```
#5593b3 rgb(85,147,179)
```
#629bb9
```
#629bb9 rgb(98,155,185)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#7eadc5
```
#7eadc5 rgb(126,173,197)
```
#8bb5cb
```
#8bb5cb rgb(139,181,203)
```
#99bed1
```
#99bed1 rgb(153,190,209)
```
#a6c6d7
```
#a6c6d7 rgb(166,198,215)
```
#b4cfdd
```
#b4cfdd rgb(180,207,221)
```
#c1d8e3
```
#c1d8e3 rgb(193,216,227)
```
#cfe0e9
```
#cfe0e9 rgb(207,224,233)
```
#dce9f0
```
#dce9f0 rgb(220,233,240)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9f is the less saturated color, while #30b8ff is the most saturated one.

#909a9f
```
#909a9f rgb(144,154,159)
```
#889ca7
```
#889ca7 rgb(136,156,167)
```
#809faf
```
#809faf rgb(128,159,175)
```
#78a1b7
```
#78a1b7 rgb(120,161,183)
```
#70a4bf
```
#70a4bf rgb(112,164,191)
```
#68a7c7
```
#68a7c7 rgb(104,167,199)
```
#60a9cf
```
#60a9cf rgb(96,169,207)
```
#58acd7
```
#58acd7 rgb(88,172,215)
```
#50aedf
```
#50aedf rgb(80,174,223)
```
#48b1e7
```
#48b1e7 rgb(72,177,231)
```
#40b3ef
```
#40b3ef rgb(64,179,239)
```
#38b6f7
```
#38b6f7 rgb(56,182,247)
```
#30b8ff
```
#30b8ff rgb(48,184,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#909aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca0bd Protanopia 1% of men
#9d9fc5 Deuteranopia 1% of men
#73aab7 Tritanopia 0.001% of the population

Trichromacy

#8ca2be Protanomaly 1% of men, 0.01% of women
#8da0c3 Deuteranomaly 6% of men, 0.4% of women
#72a8b9 Tritanomaly 0.01% of the population

#70a4bf hex color

#70a4bf Color Information

#70a4bf Color Conversion

Color Schemes with #70a4bf

Alternatives to #70a4bf

#70a4bf Preview

Shades and Tints of #70a4bf

Tones of #70a4bf

Color Blindness Simulator