#70bad3 hex color

In a RGB color space, hex #70bad3 is composed of 43.9% red, 72.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 11.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 195.2 degrees, a saturation of 52.9% and a lightness of 63.3%. #70bad3 color hex could be obtained by blending #e0ffff with #0075a7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 73
- B 83
RGB color chart
- C 47
- M 12
- Y 0
- K 17
CMYK color chart

● #70bad3 color description : Slightly desaturated blue.

The hexadecimal color #70bad3 has RGB values of R:112, G:186, B:211 and CMYK values of C:0.47, M:0.12, Y:0, K:0.17. Its decimal value is 7387859.

Hex triplet	70bad3	`#70bad3`
RGB Decimal	112, 186, 211	`rgb(112,186,211)`
RGB Percent	43.9, 72.9, 82.7	`rgb(43.9%,72.9%,82.7%)`
CMYK	47, 12, 0, 17
HSL	195.2°, 52.9, 63.3	`hsl(195.2,52.9%,63.3%)`
HSV (or HSB)	195.2°, 46.9, 82.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.734, -16.412, -19.755
XYZ	35.996, 43.264, 68.078
xyY	0.244, 0.294, 43.264
CIE-LCH	71.734, 25.683, 230.281
CIE-LUV	71.734, -33.49, -28.385
Hunter-Lab	65.775, -17.421, -15.324
Binary	01110000, 10111010, 11010011

#70bad3
```
#70bad3 rgb(112,186,211)
```
#d38970
```
#d38970 rgb(211,137,112)
```

Complementary Color

#70d3bb
```
#70d3bb rgb(112,211,187)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#7089d3
```
#7089d3 rgb(112,137,211)
```

Analogous Color

#d3bb70
```
#d3bb70 rgb(211,187,112)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#d37089
```
#d37089 rgb(211,112,137)
```

Split Complementary Color

#bad370
```
#bad370 rgb(186,211,112)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#d370ba
```
#d370ba rgb(211,112,186)
```

Triadic Color

#70d389
```
#70d389 rgb(112,211,137)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#d370ba
```
#d370ba rgb(211,112,186)
```
#d38970
```
#d38970 rgb(211,137,112)
```

Tetradic Color

#3a9cbd
```
#3a9cbd rgb(58,156,189)
```
#49a7c7
```
#49a7c7 rgb(73,167,199)
```
#5db1cd
```
#5db1cd rgb(93,177,205)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#84c3d9
```
#84c3d9 rgb(132,195,217)
```
#97cddf
```
#97cddf rgb(151,205,223)
```
#abd6e5
```
#abd6e5 rgb(171,214,229)
```

Monochromatic Color

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

#70d3d3
```
#70d3d3 rgb(112,211,211)
```
#70cbd3
```
#70cbd3 rgb(112,203,211)
```
#70c2d3
```
#70c2d3 rgb(112,194,211)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#70b2d3
```
#70b2d3 rgb(112,178,211)
```
#70aad3
```
#70aad3 rgb(112,170,211)
```
#70a1d3
```
#70a1d3 rgb(112,161,211)
```

Similar Colors

Text with hexadecimal color #70bad3

This text has a font color of #70bad3.

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

#70bad3 background color

This paragraph has a background color of #70bad3.

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

#70bad3 border color

This element has a border color of #70bad3.

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

CSS codes

.text {color:#70bad3;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071216
```
#071216 rgb(7,18,22)
```
#0b1f25
```
#0b1f25 rgb(11,31,37)
```
#102b34
```
#102b34 rgb(16,43,52)
```
#153743
```
#153743 rgb(21,55,67)
```
#194452
```
#194452 rgb(25,68,82)
```
#1e5061
```
#1e5061 rgb(30,80,97)
```
#225c70
```
#225c70 rgb(34,92,112)
```
#27697f
```
#27697f rgb(39,105,127)
```
#2c758e
```
#2c758e rgb(44,117,142)
```
#30829d
```
#30829d rgb(48,130,157)
```
#358eac
```
#358eac rgb(53,142,172)
```
#3a9abb
```
#3a9abb rgb(58,154,187)
```

Shade Color Variation

#43a4c5
```
#43a4c5 rgb(67,164,197)
```
#52acca
```
#52acca rgb(82,172,202)
```
#61b3ce
```
#61b3ce rgb(97,179,206)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#7fc1d8
```
#7fc1d8 rgb(127,193,216)
```
#8ec8dc
```
#8ec8dc rgb(142,200,220)
```
#9dd0e1
```
#9dd0e1 rgb(157,208,225)
```
#acd7e5
```
#acd7e5 rgb(172,215,229)
```
#bbdeea
```
#bbdeea rgb(187,222,234)
```
#cae5ef
```
#cae5ef rgb(202,229,239)
```
#d9edf3
```
#d9edf3 rgb(217,237,243)
```
#e8f4f8
```
#e8f4f8 rgb(232,244,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba5a8 is the less saturated color, while #45cffe is the most saturated one.

#9ba5a8
```
#9ba5a8 rgb(155,165,168)
```
#94a8af
```
#94a8af rgb(148,168,175)
```
#8dacb6
```
#8dacb6 rgb(141,172,182)
```
#86afbd
```
#86afbd rgb(134,175,189)
```
#7eb3c5
```
#7eb3c5 rgb(126,179,197)
```
#77b6cc
```
#77b6cc rgb(119,182,204)
```
#70bad3
```
#70bad3 rgb(112,186,211)
```
#69beda
```
#69beda rgb(105,190,218)
```
#62c1e1
```
#62c1e1 rgb(98,193,225)
```
#5ac5e9
```
#5ac5e9 rgb(90,197,233)
```
#53c8f0
```
#53c8f0 rgb(83,200,240)
```
#4cccf7
```
#4cccf7 rgb(76,204,247)
```
#45cffe
```
#45cffe rgb(69,207,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9cabb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb2ce Protanopia 1% of men
#b0b0da Deuteranopia 1% of men
#74bfcc Tritanopia 0.001% of the population

Trichromacy

#97b5d0 Protanomaly 1% of men, 0.01% of women
#98b3d7 Deuteranomaly 6% of men, 0.4% of women
#72bdcf Tritanomaly 0.01% of the population

#70bad3 hex color

#70bad3 Color Information

#70bad3 Color Conversion

Color Schemes with #70bad3

Alternatives to #70bad3

#70bad3 Preview

Shades and Tints of #70bad3

Tones of #70bad3

Color Blindness Simulator