#70bbd9 hex color

In a RGB color space, hex #70bbd9 is composed of 43.9% red, 73.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 13.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 197.1 degrees, a saturation of 58% and a lightness of 64.5%. #70bbd9 color hex could be obtained by blending #e0ffff with #0077b3. 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

● #70bbd9 color description : Soft blue.

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

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

CIE-LAB	72.224, -15.279, -22.282
XYZ	36.974, 43.993, 72.185
xyY	0.241, 0.287, 43.993
CIE-LCH	72.224, 27.017, 235.561
CIE-LUV	72.224, -33.733, -32.741
Hunter-Lab	66.327, -16.569, -18.097
Binary	01110000, 10111011, 11011001

#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#d98e70
```
#d98e70 rgb(217,142,112)
```

Complementary Color

#70d9c3
```
#70d9c3 rgb(112,217,195)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#7087d9
```
#7087d9 rgb(112,135,217)
```

Analogous Color

#d9c370
```
#d9c370 rgb(217,195,112)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#d97087
```
#d97087 rgb(217,112,135)
```

Split Complementary Color

#bbd970
```
#bbd970 rgb(187,217,112)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#d970bb
```
#d970bb rgb(217,112,187)
```

Triadic Color

#70d98e
```
#70d98e rgb(112,217,142)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#d970bb
```
#d970bb rgb(217,112,187)
```
#d98e70
```
#d98e70 rgb(217,142,112)
```

Tetradic Color

#359ec7
```
#359ec7 rgb(53,158,199)
```
#48a8ce
```
#48a8ce rgb(72,168,206)
```
#5cb1d4
```
#5cb1d4 rgb(92,177,212)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#84c5de
```
#84c5de rgb(132,197,222)
```
#98cee4
```
#98cee4 rgb(152,206,228)
```
#acd8e9
```
#acd8e9 rgb(172,216,233)
```

Monochromatic Color

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

#70d5d9
```
#70d5d9 rgb(112,213,217)
```
#70cdd9
```
#70cdd9 rgb(112,205,217)
```
#70c4d9
```
#70c4d9 rgb(112,196,217)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#70b2d9
```
#70b2d9 rgb(112,178,217)
```
#70aad9
```
#70aad9 rgb(112,170,217)
```
#70a1d9
```
#70a1d9 rgb(112,161,217)
```

Similar Colors

Text with hexadecimal color #70bbd9

This text has a font color of #70bbd9.

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

#70bbd9 background color

This paragraph has a background color of #70bbd9.

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

#70bbd9 border color

This element has a border color of #70bbd9.

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

CSS codes

.text {color:#70bbd9;}

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

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

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)
```
#184759
```
#184759 rgb(24,71,89)
```
#1c5369
```
#1c5369 rgb(28,83,105)
```
#205f78
```
#205f78 rgb(32,95,120)
```
#246b88
```
#246b88 rgb(36,107,136)
```
#287897
```
#287897 rgb(40,120,151)
```
#2c84a7
```
#2c84a7 rgb(44,132,167)
```
#3090b6
```
#3090b6 rgb(48,144,182)
```
#359cc6
```
#359cc6 rgb(53,156,198)
```

Shade Color Variation

#42a5cd
```
#42a5cd rgb(66,165,205)
```
#51acd1
```
#51acd1 rgb(81,172,209)
```
#61b4d5
```
#61b4d5 rgb(97,180,213)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#7fc2dd
```
#7fc2dd rgb(127,194,221)
```
#8fcae1
```
#8fcae1 rgb(143,202,225)
```
#9ed1e5
```
#9ed1e5 rgb(158,209,229)
```
#aed8e9
```
#aed8e9 rgb(174,216,233)
```
#bde0ee
```
#bde0ee rgb(189,224,238)
```
#cde7f2
```
#cde7f2 rgb(205,231,242)
```
#dceff6
```
#dceff6 rgb(220,239,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 #4dcafc 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)
```
#85b2c4
```
#85b2c4 rgb(133,178,196)
```
#7eb5cb
```
#7eb5cb rgb(126,181,203)
```
#77b8d2
```
#77b8d2 rgb(119,184,210)
```
#70bbd9
```
#70bbd9 rgb(112,187,217)
```
#69bee0
```
#69bee0 rgb(105,190,224)
```
#62c1e7
```
#62c1e7 rgb(98,193,231)
```
#5bc4ee
```
#5bc4ee rgb(91,196,238)
```
#54c7f5
```
#54c7f5 rgb(84,199,245)
```
#4dcafc
```
#4dcafc rgb(77,202,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9dacb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb3d4 Protanopia 1% of men
#aeb1df Deuteranopia 1% of men
#72c0ce Tritanopia 0.001% of the population

Trichromacy

#97b6d5 Protanomaly 1% of men, 0.01% of women
#97b5dd Deuteranomaly 6% of men, 0.4% of women
#71bed2 Tritanomaly 0.01% of the population

#70bbd9 hex color

#70bbd9 Color Information

#70bbd9 Color Conversion

Color Schemes with #70bbd9

Alternatives to #70bbd9

#70bbd9 Preview

Shades and Tints of #70bbd9

Tones of #70bbd9

Color Blindness Simulator