#70bad9 hex color

In a RGB color space, hex #70bad9 is composed of 43.9% red, 72.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 14.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 197.7 degrees, a saturation of 58% and a lightness of 64.5%. #70bad9 color hex could be obtained by blending #e0ffff with #0075b3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 73
- B 85
RGB color chart
- C 48
- M 14
- Y 0
- K 15
CMYK color chart

● #70bad9 color description : Soft blue.

The hexadecimal color #70bad9 has RGB values of R:112, G:186, B:217 and CMYK values of C:0.48, M:0.14, Y:0, K:0.15. Its decimal value is 7387865.

Hex triplet	70bad9	`#70bad9`
RGB Decimal	112, 186, 217	`rgb(112,186,217)`
RGB Percent	43.9, 72.9, 85.1	`rgb(43.9%,72.9%,85.1%)`
CMYK	48, 14, 0, 15
HSL	197.7°, 58, 64.5	`hsl(197.7,58%,64.5%)`
HSV (or HSB)	197.7°, 48.4, 85.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.94, -14.754, -22.714
XYZ	36.762, 43.57, 72.114
xyY	0.241, 0.286, 43.57
CIE-LCH	71.94, 27.085, 236.994
CIE-LUV	71.94, -33.343, -33.513
Hunter-Lab	66.008, -16.1, -18.57
Binary	01110000, 10111010, 11011001

#70bad9
```
#70bad9 rgb(112,186,217)
```
#d98f70
```
#d98f70 rgb(217,143,112)
```

Complementary Color

#70d9c4
```
#70d9c4 rgb(112,217,196)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#7086d9
```
#7086d9 rgb(112,134,217)
```

Analogous Color

#d9c470
```
#d9c470 rgb(217,196,112)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#d97086
```
#d97086 rgb(217,112,134)
```

Split Complementary Color

#bad970
```
#bad970 rgb(186,217,112)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#d970ba
```
#d970ba rgb(217,112,186)
```

Triadic Color

#70d98f
```
#70d98f rgb(112,217,143)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#d970ba
```
#d970ba rgb(217,112,186)
```
#d98f70
```
#d98f70 rgb(217,143,112)
```

Tetradic Color

#359cc7
```
#359cc7 rgb(53,156,199)
```
#48a7ce
```
#48a7ce rgb(72,167,206)
```
#5cb0d4
```
#5cb0d4 rgb(92,176,212)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#84c4de
```
#84c4de rgb(132,196,222)
```
#98cde4
```
#98cde4 rgb(152,205,228)
```
#acd7e9
```
#acd7e9 rgb(172,215,233)
```

Monochromatic Color

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

#70d4d9
```
#70d4d9 rgb(112,212,217)
```
#70ccd9
```
#70ccd9 rgb(112,204,217)
```
#70c3d9
```
#70c3d9 rgb(112,195,217)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#70b1d9
```
#70b1d9 rgb(112,177,217)
```
#70a9d9
```
#70a9d9 rgb(112,169,217)
```
#70a0d9
```
#70a0d9 rgb(112,160,217)
```

Similar Colors

Text with hexadecimal color #70bad9

This text has a font color of #70bad9.

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

#70bad9 background color

This paragraph has a background color of #70bad9.

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

#70bad9 border color

This element has a border color of #70bad9.

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

CSS codes

.text {color:#70bad9;}

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

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0b222b
```
#0b222b rgb(11,34,43)
```
#102e3a
```
#102e3a rgb(16,46,58)
```
#143a4a
```
#143a4a rgb(20,58,74)
```
#184659
```
#184659 rgb(24,70,89)
```
#1c5269
```
#1c5269 rgb(28,82,105)
```
#205e78
```
#205e78 rgb(32,94,120)
```
#246a88
```
#246a88 rgb(36,106,136)
```
#287797
```
#287797 rgb(40,119,151)
```
#2c83a7
```
#2c83a7 rgb(44,131,167)
```
#308fb6
```
#308fb6 rgb(48,143,182)
```
#359bc6
```
#359bc6 rgb(53,155,198)
```

Shade Color Variation

#42a4cd
```
#42a4cd rgb(66,164,205)
```
#51abd1
```
#51abd1 rgb(81,171,209)
```
#61b3d5
```
#61b3d5 rgb(97,179,213)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#7fc1dd
```
#7fc1dd rgb(127,193,221)
```
#8fc9e1
```
#8fc9e1 rgb(143,201,225)
```
#9ed0e5
```
#9ed0e5 rgb(158,208,229)
```
#aed8e9
```
#aed8e9 rgb(174,216,233)
```
#bddfee
```
#bddfee rgb(189,223,238)
```
#cde7f2
```
#cde7f2 rgb(205,231,242)
```
#dceef6
```
#dceef6 rgb(220,238,246)
```
#ecf6fa
```
#ecf6fa rgb(236,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#a1a6a8
```
#a1a6a8 rgb(161,166,168)
```
#9aa9af
```
#9aa9af rgb(154,169,175)
```
#93acb6
```
#93acb6 rgb(147,172,182)
```
#8cafbd
```
#8cafbd rgb(140,175,189)
```
#85b1c4
```
#85b1c4 rgb(133,177,196)
```
#7eb4cb
```
#7eb4cb rgb(126,180,203)
```
#77b7d2
```
#77b7d2 rgb(119,183,210)
```
#70bad9
```
#70bad9 rgb(112,186,217)
```
#69bde0
```
#69bde0 rgb(105,189,224)
```
#62c0e7
```
#62c0e7 rgb(98,192,231)
```
#5bc3ee
```
#5bc3ee rgb(91,195,238)
```
#54c5f5
```
#54c5f5 rgb(84,197,245)
```
#4dc8fc
```
#4dc8fc rgb(77,200,252)
```

Tone Color Variation

Below, you can see how #70bad9 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
#9cabb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb2d4 Protanopia 1% of men
#adb1df Deuteranopia 1% of men
#72bfcd Tritanopia 0.001% of the population

Trichromacy

#96b5d6 Protanomaly 1% of men, 0.01% of women
#97b4dd Deuteranomaly 6% of men, 0.4% of women
#71bdd1 Tritanomaly 0.01% of the population

#70bad9 hex color

#70bad9 Color Information

#70bad9 Color Conversion

Color Schemes with #70bad9

Alternatives to #70bad9

#70bad9 Preview

Shades and Tints of #70bad9

Tones of #70bad9

Color Blindness Simulator