#70b4d6 hex color

In a RGB color space, hex #70b4d6 is composed of 43.9% red, 70.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 15.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 200 degrees, a saturation of 55.4% and a lightness of 63.9%. #70b4d6 color hex could be obtained by blending #e0ffff with #0069ad. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 71
- B 84
RGB color chart
- C 48
- M 16
- Y 0
- K 16
CMYK color chart

● #70b4d6 color description : Slightly desaturated blue.

The hexadecimal color #70b4d6 has RGB values of R:112, G:180, B:214 and CMYK values of C:0.48, M:0.16, Y:0, K:0.16. Its decimal value is 7386326.

Hex triplet	70b4d6	`#70b4d6`
RGB Decimal	112, 180, 214	`rgb(112,180,214)`
RGB Percent	43.9, 70.6, 83.9	`rgb(43.9%,70.6%,83.9%)`
CMYK	48, 16, 0, 16
HSL	200°, 55.4, 63.9	`hsl(200,55.4%,63.9%)`
HSV (or HSB)	200°, 47.7, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.134, -12.415, -23.831
XYZ	35.138, 40.94, 69.665
xyY	0.241, 0.281, 40.94
CIE-LCH	70.134, 26.871, 242.483
CIE-LUV	70.134, -31.065, -35.569
Hunter-Lab	63.985, -13.948, -19.765
Binary	01110000, 10110100, 11010110

#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#d69270
```
#d69270 rgb(214,146,112)
```

Complementary Color

#70d6c5
```
#70d6c5 rgb(112,214,197)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#7081d6
```
#7081d6 rgb(112,129,214)
```

Analogous Color

#d6c570
```
#d6c570 rgb(214,197,112)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#d67081
```
#d67081 rgb(214,112,129)
```

Split Complementary Color

#b4d670
```
#b4d670 rgb(180,214,112)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#d670b4
```
#d670b4 rgb(214,112,180)
```

Triadic Color

#70d692
```
#70d692 rgb(112,214,146)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#d670b4
```
#d670b4 rgb(214,112,180)
```
#d69270
```
#d69270 rgb(214,146,112)
```

Tetradic Color

#3894c2
```
#3894c2 rgb(56,148,194)
```
#489fcb
```
#489fcb rgb(72,159,203)
```
#5caad0
```
#5caad0 rgb(92,170,208)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#84bedc
```
#84bedc rgb(132,190,220)
```
#98c9e1
```
#98c9e1 rgb(152,201,225)
```
#abd3e7
```
#abd3e7 rgb(171,211,231)
```

Monochromatic Color

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

#70ced6
```
#70ced6 rgb(112,206,214)
```
#70c5d6
```
#70c5d6 rgb(112,197,214)
```
#70bdd6
```
#70bdd6 rgb(112,189,214)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#70acd6
```
#70acd6 rgb(112,172,214)
```
#70a3d6
```
#70a3d6 rgb(112,163,214)
```
#709bd6
```
#709bd6 rgb(112,155,214)
```

Similar Colors

Text with hexadecimal color #70b4d6

This text has a font color of #70b4d6.

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

#70b4d6 background color

This paragraph has a background color of #70b4d6.

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

#70b4d6 border color

This element has a border color of #70b4d6.

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

CSS codes

.text {color:#70b4d6;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071319
```
#071319 rgb(7,19,25)
```
#0b1e28
```
#0b1e28 rgb(11,30,40)
```
#102a37
```
#102a37 rgb(16,42,55)
```
#143646
```
#143646 rgb(20,54,70)
```
#194156
```
#194156 rgb(25,65,86)
```
#1d4d65
```
#1d4d65 rgb(29,77,101)
```
#215974
```
#215974 rgb(33,89,116)
```
#266483
```
#266483 rgb(38,100,131)
```
#2a7093
```
#2a7093 rgb(42,112,147)
```
#2e7ba2
```
#2e7ba2 rgb(46,123,162)
```
#3387b1
```
#3387b1 rgb(51,135,177)
```
#3793c0
```
#3793c0 rgb(55,147,192)
```

Shade Color Variation

#429cc9
```
#429cc9 rgb(66,156,201)
```
#52a4cd
```
#52a4cd rgb(82,164,205)
```
#61acd2
```
#61acd2 rgb(97,172,210)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#7fbcda
```
#7fbcda rgb(127,188,218)
```
#8ec4df
```
#8ec4df rgb(142,196,223)
```
#9ecce3
```
#9ecce3 rgb(158,204,227)
```
#add4e7
```
#add4e7 rgb(173,212,231)
```
#bcdcec
```
#bcdcec rgb(188,220,236)
```
#cbe4f0
```
#cbe4f0 rgb(203,228,240)
```
#dbecf5
```
#dbecf5 rgb(219,236,245)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#a2a3a4
```
#a2a3a4 rgb(162,163,164)
```
#9aa6ac
```
#9aa6ac rgb(154,166,172)
```
#93a8b3
```
#93a8b3 rgb(147,168,179)
```
#8cabba
```
#8cabba rgb(140,171,186)
```
#85adc1
```
#85adc1 rgb(133,173,193)
```
#7eafc8
```
#7eafc8 rgb(126,175,200)
```
#77b2cf
```
#77b2cf rgb(119,178,207)
```
#70b4d6
```
#70b4d6 rgb(112,180,214)
```
#69b6dd
```
#69b6dd rgb(105,182,221)
```
#62b9e4
```
#62b9e4 rgb(98,185,228)
```
#5bbbeb
```
#5bbbeb rgb(91,187,235)
```
#54bdf2
```
#54bdf2 rgb(84,189,242)
```
#4dc0f9
```
#4dc0f9 rgb(77,192,249)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9aa7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aed2 Protanopia 1% of men
#a7acdc Deuteranopia 1% of men
#71bac8 Tritanopia 0.001% of the population

Trichromacy

#93b0d3 Protanomaly 1% of men, 0.01% of women
#93afd9 Deuteranomaly 6% of men, 0.4% of women
#70b8cd Tritanomaly 0.01% of the population

#70b4d6 hex color

#70b4d6 Color Information

#70b4d6 Color Conversion

Color Schemes with #70b4d6

Alternatives to #70b4d6

#70b4d6 Preview

Shades and Tints of #70b4d6

Tones of #70b4d6

Color Blindness Simulator