#70a3b8 hex color

In a RGB color space, hex #70a3b8 is composed of 43.9% red, 63.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 39.1% cyan, 11.4% magenta, 0% yellow and 27.8% black. It has a hue angle of 197.5 degrees, a saturation of 33.6% and a lightness of 58%. #70a3b8 color hex could be obtained by blending #e0ffff with #004771. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 64
- B 72
RGB color chart
- C 39
- M 11
- Y 0
- K 28
CMYK color chart

● #70a3b8 color description : Slightly desaturated blue.

The hexadecimal color #70a3b8 has RGB values of R:112, G:163, B:184 and CMYK values of C:0.39, M:0.11, Y:0, K:0.28. Its decimal value is 7381944.

Hex triplet	70a3b8	`#70a3b8`
RGB Decimal	112, 163, 184	`rgb(112,163,184)`
RGB Percent	43.9, 63.9, 72.2	`rgb(43.9%,63.9%,72.2%)`
CMYK	39, 11, 0, 28
HSL	197.5°, 33.6, 58	`hsl(197.5,33.6%,58%)`
HSV (or HSB)	197.5°, 39.1, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.241, -11.482, -16.196
XYZ	28.429, 33.099, 50.235
xyY	0.254, 0.296, 33.099
CIE-LCH	64.241, 19.853, 234.666
CIE-LUV	64.241, -24.657, -22.902
Hunter-Lab	57.531, -12.475, -11.499
Binary	01110000, 10100011, 10111000

#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#b88570
```
#b88570 rgb(184,133,112)
```

Complementary Color

#70b8a9
```
#70b8a9 rgb(112,184,169)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#707fb8
```
#707fb8 rgb(112,127,184)
```

Analogous Color

#b8a970
```
#b8a970 rgb(184,169,112)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#b8707f
```
#b8707f rgb(184,112,127)
```

Split Complementary Color

#a3b870
```
#a3b870 rgb(163,184,112)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#b870a3
```
#b870a3 rgb(184,112,163)
```

Triadic Color

#70b885
```
#70b885 rgb(112,184,133)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#b870a3
```
#b870a3 rgb(184,112,163)
```
#b88570
```
#b88570 rgb(184,133,112)
```

Tetradic Color

#497d93
```
#497d93 rgb(73,125,147)
```
#518ca4
```
#518ca4 rgb(81,140,164)
```
#5f98b0
```
#5f98b0 rgb(95,152,176)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#81aec0
```
#81aec0 rgb(129,174,192)
```
#92b9c9
```
#92b9c9 rgb(146,185,201)
```
#a3c4d1
```
#a3c4d1 rgb(163,196,209)
```

Monochromatic Color

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

#70b5b8
```
#70b5b8 rgb(112,181,184)
```
#70afb8
```
#70afb8 rgb(112,175,184)
```
#70a9b8
```
#70a9b8 rgb(112,169,184)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#709db8
```
#709db8 rgb(112,157,184)
```
#7097b8
```
#7097b8 rgb(112,151,184)
```
#7091b8
```
#7091b8 rgb(112,145,184)
```

Similar Colors

Text with hexadecimal color #70a3b8

This text has a font color of #70a3b8.

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

#70a3b8 background color

This paragraph has a background color of #70a3b8.

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

#70a3b8 border color

This element has a border color of #70a3b8.

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

CSS codes

.text {color:#70a3b8;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070c0e
```
#070c0e rgb(7,12,14)
```
#0e171b
```
#0e171b rgb(14,23,27)
```
#142329
```
#142329 rgb(20,35,41)
```
#1b2e36
```
#1b2e36 rgb(27,46,54)
```
#213943
```
#213943 rgb(33,57,67)
```
#284450
```
#284450 rgb(40,68,80)
```
#2e4f5d
```
#2e4f5d rgb(46,79,93)
```
#355a6a
```
#355a6a rgb(53,90,106)
```
#3b6677
```
#3b6677 rgb(59,102,119)
```
#427184
```
#427184 rgb(66,113,132)
```
#487c91
```
#487c91 rgb(72,124,145)
```
#4f879e
```
#4f879e rgb(79,135,158)
```

Shade Color Variation

#5692ab
```
#5692ab rgb(86,146,171)
```
#639bb1
```
#639bb1 rgb(99,155,177)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#7dabbf
```
#7dabbf rgb(125,171,191)
```
#8ab4c5
```
#8ab4c5 rgb(138,180,197)
```
#97bccc
```
#97bccc rgb(151,188,204)
```
#a4c5d2
```
#a4c5d2 rgb(164,197,210)
```
#b2cdd9
```
#b2cdd9 rgb(178,205,217)
```
#bfd6df
```
#bfd6df rgb(191,214,223)
```
#ccdee6
```
#ccdee6 rgb(204,222,230)
```
#d9e6ec
```
#d9e6ec rgb(217,230,236)
```
#e6eff3
```
#e6eff3 rgb(230,239,243)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#919597
```
#919597 rgb(145,149,151)
```
#89999f
```
#89999f rgb(137,153,159)
```
#809ca8
```
#809ca8 rgb(128,156,168)
```
#78a0b0
```
#78a0b0 rgb(120,160,176)
```
#70a3b8
```
#70a3b8 rgb(112,163,184)
```
#68a6c0
```
#68a6c0 rgb(104,166,192)
```
#60aac8
```
#60aac8 rgb(96,170,200)
```
#57add1
```
#57add1 rgb(87,173,209)
```
#4fb1d9
```
#4fb1d9 rgb(79,177,217)
```
#47b4e1
```
#47b4e1 rgb(71,180,225)
```
#3fb8e9
```
#3fb8e9 rgb(63,184,233)
```
#36bbf2
```
#36bbf2 rgb(54,187,242)
```
#2ebefa
```
#2ebefa rgb(46,190,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8e999d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9fb6 Protanopia 1% of men
#9f9dbf Deuteranopia 1% of men
#75a8b5 Tritanopia 0.001% of the population

Trichromacy

#8ca0b7 Protanomaly 1% of men, 0.01% of women
#8e9fbc Deuteranomaly 6% of men, 0.4% of women
#73a6b6 Tritanomaly 0.01% of the population

#70a3b8 hex color

#70a3b8 Color Information

#70a3b8 Color Conversion

Color Schemes with #70a3b8

Alternatives to #70a3b8

#70a3b8 Preview

Shades and Tints of #70a3b8

Tones of #70a3b8

Color Blindness Simulator