#70b0d4 hex color

In a RGB color space, hex #70b0d4 is composed of 43.9% red, 69% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 17% magenta, 0% yellow and 16.9% black. It has a hue angle of 201.6 degrees, a saturation of 53.8% and a lightness of 63.5%. #70b0d4 color hex could be obtained by blending #e0ffff with #0061a9. Closest websafe color is: #6699cc.

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

● #70b0d4 color description : Slightly desaturated blue.

The hexadecimal color #70b0d4 has RGB values of R:112, G:176, B:212 and CMYK values of C:0.47, M:0.17, Y:0, K:0.17. Its decimal value is 7385300.

Hex triplet	70b0d4	`#70b0d4`
RGB Decimal	112, 176, 212	`rgb(112,176,212)`
RGB Percent	43.9, 69, 83.1	`rgb(43.9%,69%,83.1%)`
CMYK	47, 17, 0, 17
HSL	201.6°, 53.8, 63.5	`hsl(201.6,53.8%,63.5%)`
HSV (or HSB)	201.6°, 47.2, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.93, -10.834, -24.576
XYZ	34.088, 39.247, 68.063
xyY	0.241, 0.278, 39.247
CIE-LCH	68.93, 26.858, 246.21
CIE-LUV	68.93, -29.535, -36.931
Hunter-Lab	62.647, -12.506, -20.562
Binary	01110000, 10110000, 11010100

#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#d49470
```
#d49470 rgb(212,148,112)
```

Complementary Color

#70d4c6
```
#70d4c6 rgb(112,212,198)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#707ed4
```
#707ed4 rgb(112,126,212)
```

Analogous Color

#d4c670
```
#d4c670 rgb(212,198,112)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#d4707e
```
#d4707e rgb(212,112,126)
```

Split Complementary Color

#b0d470
```
#b0d470 rgb(176,212,112)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#d470b0
```
#d470b0 rgb(212,112,176)
```

Triadic Color

#70d494
```
#70d494 rgb(112,212,148)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#d470b0
```
#d470b0 rgb(212,112,176)
```
#d49470
```
#d49470 rgb(212,148,112)
```

Tetradic Color

#398ebe
```
#398ebe rgb(57,142,190)
```
#499ac8
```
#499ac8 rgb(73,154,200)
```
#5ca5ce
```
#5ca5ce rgb(92,165,206)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#84bbda
```
#84bbda rgb(132,187,218)
```
#97c6e0
```
#97c6e0 rgb(151,198,224)
```
#abd0e6
```
#abd0e6 rgb(171,208,230)
```

Monochromatic Color

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

#70c9d4
```
#70c9d4 rgb(112,201,212)
```
#70c1d4
```
#70c1d4 rgb(112,193,212)
```
#70b8d4
```
#70b8d4 rgb(112,184,212)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#70a8d4
```
#70a8d4 rgb(112,168,212)
```
#709fd4
```
#709fd4 rgb(112,159,212)
```
#7097d4
```
#7097d4 rgb(112,151,212)
```

Similar Colors

Text with hexadecimal color #70b0d4

This text has a font color of #70b0d4.

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

#70b0d4 background color

This paragraph has a background color of #70b0d4.

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

#70b0d4 border color

This element has a border color of #70b0d4.

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

CSS codes

.text {color:#70b0d4;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#071117
```
#071117 rgb(7,17,23)
```
#0b1c26
```
#0b1c26 rgb(11,28,38)
```
#102835
```
#102835 rgb(16,40,53)
```
#143344
```
#143344 rgb(20,51,68)
```
#193e53
```
#193e53 rgb(25,62,83)
```
#1e4a62
```
#1e4a62 rgb(30,74,98)
```
#225571
```
#225571 rgb(34,85,113)
```
#276080
```
#276080 rgb(39,96,128)
```
#2b6b90
```
#2b6b90 rgb(43,107,144)
```
#30779f
```
#30779f rgb(48,119,159)
```
#3482ae
```
#3482ae rgb(52,130,174)
```
#398dbd
```
#398dbd rgb(57,141,189)
```

Shade Color Variation

#4397c6
```
#4397c6 rgb(67,151,198)
```
#529fcb
```
#529fcb rgb(82,159,203)
```
#61a8cf
```
#61a8cf rgb(97,168,207)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#7fb8d9
```
#7fb8d9 rgb(127,184,217)
```
#8ec1dd
```
#8ec1dd rgb(142,193,221)
```
#9dc9e2
```
#9dc9e2 rgb(157,201,226)
```
#acd1e6
```
#acd1e6 rgb(172,209,230)
```
#bbdaeb
```
#bbdaeb rgb(187,218,235)
```
#cae2ef
```
#cae2ef rgb(202,226,239)
```
#daeaf4
```
#daeaf4 rgb(218,234,244)
```
#e9f3f8
```
#e9f3f8 rgb(233,243,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#9ba4a9
```
#9ba4a9 rgb(155,164,169)
```
#94a6b0
```
#94a6b0 rgb(148,166,176)
```
#8da8b7
```
#8da8b7 rgb(141,168,183)
```
#85aabf
```
#85aabf rgb(133,170,191)
```
#7eacc6
```
#7eacc6 rgb(126,172,198)
```
#77aecd
```
#77aecd rgb(119,174,205)
```
#70b0d4
```
#70b0d4 rgb(112,176,212)
```
#69b2db
```
#69b2db rgb(105,178,219)
```
#62b4e2
```
#62b4e2 rgb(98,180,226)
```
#5bb6e9
```
#5bb6e9 rgb(91,182,233)
```
#53b8f1
```
#53b8f1 rgb(83,184,241)
```
#4cbaf8
```
#4cbaf8 rgb(76,186,248)
```
#45bcff
```
#45bcff rgb(69,188,255)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#97a4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3abd0 Protanopia 1% of men
#a3a9da Deuteranopia 1% of men
#70b7c4 Tritanopia 0.001% of the population

Trichromacy

#90acd1 Protanomaly 1% of men, 0.01% of women
#90acd7 Deuteranomaly 6% of men, 0.4% of women
#70b4ca Tritanomaly 0.01% of the population

#70b0d4 hex color

#70b0d4 Color Information

#70b0d4 Color Conversion

Color Schemes with #70b0d4

Alternatives to #70b0d4

#70b0d4 Preview

Shades and Tints of #70b0d4

Tones of #70b0d4

Color Blindness Simulator