#70a2bf hex color

In a RGB color space, hex #70a2bf is composed of 43.9% red, 63.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 15.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 202 degrees, a saturation of 38.2% and a lightness of 59.4%. #70a2bf color hex could be obtained by blending #e0ffff with #00457f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 64
- B 75
RGB color chart
- C 41
- M 15
- Y 0
- K 25
CMYK color chart

● #70a2bf color description : Slightly desaturated blue.

The hexadecimal color #70a2bf has RGB values of R:112, G:162, B:191 and CMYK values of C:0.41, M:0.15, Y:0, K:0.25. Its decimal value is 7381695.

Hex triplet	70a2bf	`#70a2bf`
RGB Decimal	112, 162, 191	`rgb(112,162,191)`
RGB Percent	43.9, 63.5, 74.9	`rgb(43.9%,63.5%,74.9%)`
CMYK	41, 15, 0, 25
HSL	202°, 38.2, 59.4	`hsl(202,38.2%,59.4%)`
HSV (or HSB)	202°, 41.4, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.198, -9.057, -20.172
XYZ	29.004, 33.046, 54.137
xyY	0.25, 0.284, 33.046
CIE-LCH	64.198, 22.112, 245.82
CIE-LUV	64.198, -24.195, -29.617
Hunter-Lab	57.485, -10.537, -15.597
Binary	01110000, 10100010, 10111111

#70a2bf
```
#70a2bf rgb(112,162,191)
```
#bf8d70
```
#bf8d70 rgb(191,141,112)
```

Complementary Color

#70bfb5
```
#70bfb5 rgb(112,191,181)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#707bbf
```
#707bbf rgb(112,123,191)
```

Analogous Color

#bfb570
```
#bfb570 rgb(191,181,112)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#bf707b
```
#bf707b rgb(191,112,123)
```

Split Complementary Color

#a2bf70
```
#a2bf70 rgb(162,191,112)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#bf70a2
```
#bf70a2 rgb(191,112,162)
```

Triadic Color

#70bf8d
```
#70bf8d rgb(112,191,141)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#bf70a2
```
#bf70a2 rgb(191,112,162)
```
#bf8d70
```
#bf8d70 rgb(191,141,112)
```

Tetradic Color

#467d9c
```
#467d9c rgb(70,125,156)
```
#4e8bae
```
#4e8bae rgb(78,139,174)
```
#5e97b7
```
#5e97b7 rgb(94,151,183)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#82adc7
```
#82adc7 rgb(130,173,199)
```
#93b9cf
```
#93b9cf rgb(147,185,207)
```
#a5c4d7
```
#a5c4d7 rgb(165,196,215)
```

Monochromatic Color

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

#70b6bf
```
#70b6bf rgb(112,182,191)
```
#70afbf
```
#70afbf rgb(112,175,191)
```
#70a9bf
```
#70a9bf rgb(112,169,191)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#709bbf
```
#709bbf rgb(112,155,191)
```
#7095bf
```
#7095bf rgb(112,149,191)
```
#708ebf
```
#708ebf rgb(112,142,191)
```

Similar Colors

Text with hexadecimal color #70a2bf

This text has a font color of #70a2bf.

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

#70a2bf background color

This paragraph has a background color of #70a2bf.

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

#70a2bf border color

This element has a border color of #70a2bf.

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

CSS codes

.text {color:#70a2bf;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091014
```
#091014 rgb(9,16,20)
```
#0f1a21
```
#0f1a21 rgb(15,26,33)
```
#15252f
```
#15252f rgb(21,37,47)
```
#1b303c
```
#1b303c rgb(27,48,60)
```
#213b4a
```
#213b4a rgb(33,59,74)
```
#274657
```
#274657 rgb(39,70,87)
```
#2d5065
```
#2d5065 rgb(45,80,101)
```
#335b72
```
#335b72 rgb(51,91,114)
```
#396680
```
#396680 rgb(57,102,128)
```
#3f718e
```
#3f718e rgb(63,113,142)
```
#457c9b
```
#457c9b rgb(69,124,155)
```
#4b86a9
```
#4b86a9 rgb(75,134,169)
```

Shade Color Variation

#5590b3
```
#5590b3 rgb(85,144,179)
```
#6299b9
```
#6299b9 rgb(98,153,185)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#7eabc5
```
#7eabc5 rgb(126,171,197)
```
#8bb4cb
```
#8bb4cb rgb(139,180,203)
```
#99bcd1
```
#99bcd1 rgb(153,188,209)
```
#a6c5d7
```
#a6c5d7 rgb(166,197,215)
```
#b4cedd
```
#b4cedd rgb(180,206,221)
```
#c1d7e3
```
#c1d7e3 rgb(193,215,227)
```
#cfe0e9
```
#cfe0e9 rgb(207,224,233)
```
#dce9f0
```
#dce9f0 rgb(220,233,240)
```
#eaf1f6
```
#eaf1f6 rgb(234,241,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9f is the less saturated color, while #30b3ff is the most saturated one.

#909a9f
```
#909a9f rgb(144,154,159)
```
#889ca7
```
#889ca7 rgb(136,156,167)
```
#809eaf
```
#809eaf rgb(128,158,175)
```
#78a0b7
```
#78a0b7 rgb(120,160,183)
```
#70a2bf
```
#70a2bf rgb(112,162,191)
```
#68a4c7
```
#68a4c7 rgb(104,164,199)
```
#60a6cf
```
#60a6cf rgb(96,166,207)
```
#58a8d7
```
#58a8d7 rgb(88,168,215)
```
#50aadf
```
#50aadf rgb(80,170,223)
```
#48ade7
```
#48ade7 rgb(72,173,231)
```
#40afef
```
#40afef rgb(64,175,239)
```
#38b1f7
```
#38b1f7 rgb(56,177,247)
```
#30b3ff
```
#30b3ff rgb(48,179,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8e989e Atypical Achromatopsia 0.001% of the population

Dichromacy

#999fbd Protanopia 1% of men
#9b9dc5 Deuteranopia 1% of men
#73a9b5 Tritanopia 0.001% of the population

Trichromacy

#8aa0be Protanomaly 1% of men, 0.01% of women
#8b9fc3 Deuteranomaly 6% of men, 0.4% of women
#71a6b8 Tritanomaly 0.01% of the population

#70a2bf hex color

#70a2bf Color Information

#70a2bf Color Conversion

Color Schemes with #70a2bf

Alternatives to #70a2bf

#70a2bf Preview

Shades and Tints of #70a2bf

Tones of #70a2bf

Color Blindness Simulator