#70bbda hex color

In a RGB color space, hex #70bbda is composed of 43.9% red, 73.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 14.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 197.5 degrees, a saturation of 58.9% and a lightness of 64.7%. #70bbda color hex could be obtained by blending #e0ffff with #0077b5. Closest websafe color is: #66cccc.

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

● #70bbda color description : Soft blue.

The hexadecimal color #70bbda has RGB values of R:112, G:187, B:218 and CMYK values of C:0.49, M:0.14, Y:0, K:0.15. Its decimal value is 7388122.

Hex triplet	70bbda	`#70bbda`
RGB Decimal	112, 187, 218	`rgb(112,187,218)`
RGB Percent	43.9, 73.3, 85.5	`rgb(43.9%,73.3%,85.5%)`
CMYK	49, 14, 0, 15
HSL	197.5°, 58.9, 64.7	`hsl(197.5,58.9%,64.7%)`
HSV (or HSB)	197.5°, 48.6, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.259, -15.001, -22.773
XYZ	37.104, 44.045, 72.872
xyY	0.241, 0.286, 44.045
CIE-LCH	72.259, 27.27, 236.627
CIE-LUV	72.259, -33.708, -33.597
Hunter-Lab	66.367, -16.346, -18.645
Binary	01110000, 10111011, 11011010

#70bbda
```
#70bbda rgb(112,187,218)
```
#da8f70
```
#da8f70 rgb(218,143,112)
```

Complementary Color

#70dac4
```
#70dac4 rgb(112,218,196)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#7086da
```
#7086da rgb(112,134,218)
```

Analogous Color

#dac470
```
#dac470 rgb(218,196,112)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#da7086
```
#da7086 rgb(218,112,134)
```

Split Complementary Color

#bbda70
```
#bbda70 rgb(187,218,112)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#da70bb
```
#da70bb rgb(218,112,187)
```

Triadic Color

#70da8f
```
#70da8f rgb(112,218,143)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#da70bb
```
#da70bb rgb(218,112,187)
```
#da8f70
```
#da8f70 rgb(218,143,112)
```

Tetradic Color

#349ec9
```
#349ec9 rgb(52,158,201)
```
#47a8d0
```
#47a8d0 rgb(71,168,208)
```
#5cb1d5
```
#5cb1d5 rgb(92,177,213)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#84c5df
```
#84c5df rgb(132,197,223)
```
#99cee4
```
#99cee4 rgb(153,206,228)
```
#add8ea
```
#add8ea rgb(173,216,234)
```

Monochromatic Color

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

#70d6da
```
#70d6da rgb(112,214,218)
```
#70cdda
```
#70cdda rgb(112,205,218)
```
#70c4da
```
#70c4da rgb(112,196,218)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#70b2da
```
#70b2da rgb(112,178,218)
```
#70a9da
```
#70a9da rgb(112,169,218)
```
#70a1da
```
#70a1da rgb(112,161,218)
```

Similar Colors

Text with hexadecimal color #70bbda

This text has a font color of #70bbda.

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

#70bbda background color

This paragraph has a background color of #70bbda.

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

#70bbda border color

This element has a border color of #70bbda.

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

CSS codes

.text {color:#70bbda;}

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

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

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161c
```
#07161c rgb(7,22,28)
```
#0b222c
```
#0b222c rgb(11,34,44)
```
#0f2f3c
```
#0f2f3c rgb(15,47,60)
```
#133b4b
```
#133b4b rgb(19,59,75)
```
#17475b
```
#17475b rgb(23,71,91)
```
#1c536a
```
#1c536a rgb(28,83,106)
```
#205f7a
```
#205f7a rgb(32,95,122)
```
#246c8a
```
#246c8a rgb(36,108,138)
```
#287899
```
#287899 rgb(40,120,153)
```
#2c84a9
```
#2c84a9 rgb(44,132,169)
```
#3090b8
```
#3090b8 rgb(48,144,184)
```
#349dc8
```
#349dc8 rgb(52,157,200)
```

Shade Color Variation

#41a5ce
```
#41a5ce rgb(65,165,206)
```
#51acd2
```
#51acd2 rgb(81,172,210)
```
#60b4d6
```
#60b4d6 rgb(96,180,214)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#80c2de
```
#80c2de rgb(128,194,222)
```
#8fcae2
```
#8fcae2 rgb(143,202,226)
```
#9fd1e6
```
#9fd1e6 rgb(159,209,230)
```
#aed9ea
```
#aed9ea rgb(174,217,234)
```
#bee0ee
```
#bee0ee rgb(190,224,238)
```
#cee7f2
```
#cee7f2 rgb(206,231,242)
```
#ddeff6
```
#ddeff6 rgb(221,239,246)
```
#edf6fa
```
#edf6fa rgb(237,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#a0a7aa
```
#a0a7aa rgb(160,167,170)
```
#9aaab0
```
#9aaab0 rgb(154,170,176)
```
#93adb7
```
#93adb7 rgb(147,173,183)
```
#8cb0be
```
#8cb0be rgb(140,176,190)
```
#85b2c5
```
#85b2c5 rgb(133,178,197)
```
#7eb5cc
```
#7eb5cc rgb(126,181,204)
```
#77b8d3
```
#77b8d3 rgb(119,184,211)
```
#70bbda
```
#70bbda rgb(112,187,218)
```
#69bee1
```
#69bee1 rgb(105,190,225)
```
#62c1e8
```
#62c1e8 rgb(98,193,232)
```
#5bc4ef
```
#5bc4ef rgb(91,196,239)
```
#54c6f6
```
#54c6f6 rgb(84,198,246)
```
#4dc9fd
```
#4dc9fd rgb(77,201,253)
```

Tone Color Variation

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

#adb3d5 Protanopia 1% of men
#aeb2e0 Deuteranopia 1% of men
#72c0ce Tritanopia 0.001% of the population

Trichromacy

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

#70bbda hex color

#70bbda Color Information

#70bbda Color Conversion

Color Schemes with #70bbda

Alternatives to #70bbda

#70bbda Preview

Shades and Tints of #70bbda

Tones of #70bbda

Color Blindness Simulator