colorhexa.com

#70ecf1 hex color

In a RGB color space, hex #70ecf1 is composed of 43.9% red, 92.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 2.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 182.3 degrees, a saturation of 82.2% and a lightness of 69.2%. #70ecf1 color hex could be obtained by blending #e0ffff with #00d9e3. Closest websafe color is: #66ffff.

- R 44
- G 93
- B 95
RGB color chart
- C 54
- M 2
- Y 0
- K 5
CMYK color chart

● #70ecf1 color description : Soft cyan.

The hexadecimal color #70ecf1 has RGB values of R:112, G:236, B:241 and CMYK values of C:0.54, M:0.02, Y:0, K:0.05. Its decimal value is 7400689.

Hex triplet	70ecf1	`#70ecf1`
RGB Decimal	112, 236, 241	`rgb(112,236,241)`
RGB Percent	43.9, 92.5, 94.5	`rgb(43.9%,92.5%,94.5%)`
CMYK	54, 2, 0, 5
HSL	182.3°, 82.2, 69.2	`hsl(182.3,82.2%,69.2%)`
HSV (or HSB)	182.3°, 53.5, 94.5
Web Safe	66ffff	`#66ffff`

CIE-LAB	86.89, -33.116, -12.983
XYZ	52.55, 69.783, 93.914
xyY	0.243, 0.323, 69.783
CIE-LCH	86.89, 35.57, 201.407
CIE-LUV	86.89, -51.547, -15.331
Hunter-Lab	83.536, -33.899, -8.181
Binary	01110000, 11101100, 11110001

#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#f17570
```
#f17570 rgb(241,117,112)
```

Complementary Color

#70f1b6
```
#70f1b6 rgb(112,241,182)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#70acf1
```
#70acf1 rgb(112,172,241)
```

Analogous Color

#f1b670
```
#f1b670 rgb(241,182,112)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#f170ac
```
#f170ac rgb(241,112,172)
```

Split Complementary Color

#ecf170
```
#ecf170 rgb(236,241,112)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#f170ec
```
#f170ec rgb(241,112,236)
```

Triadic Color

#70f175
```
#70f175 rgb(112,241,117)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#f170ec
```
#f170ec rgb(241,112,236)
```
#f17570
```
#f17570 rgb(241,117,112)
```

Tetradic Color

#2ae3ea
```
#2ae3ea rgb(42,227,234)
```
#42e6ec
```
#42e6ec rgb(66,230,236)
```
#59e9ef
```
#59e9ef rgb(89,233,239)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#87eff3
```
#87eff3 rgb(135,239,243)
```
#9ef2f6
```
#9ef2f6 rgb(158,242,246)
```
#b6f5f8
```
#b6f5f8 rgb(182,245,248)
```

Monochromatic Color

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

#70f1d6
```
#70f1d6 rgb(112,241,214)
```
#70f1e1
```
#70f1e1 rgb(112,241,225)
```
#70f1eb
```
#70f1eb rgb(112,241,235)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#70e1f1
```
#70e1f1 rgb(112,225,241)
```
#70d7f1
```
#70d7f1 rgb(112,215,241)
```
#70ccf1
```
#70ccf1 rgb(112,204,241)
```

Similar Colors

Text with hexadecimal color #70ecf1

This text has a font color of #70ecf1.

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

#70ecf1 background color

This paragraph has a background color of #70ecf1.

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

#70ecf1 border color

This element has a border color of #70ecf1.

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

CSS codes

.text {color:#70ecf1;}

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

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

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

#021112
```
#021112 rgb(2,17,18)
```
#032224
```
#032224 rgb(3,34,36)
```
#053436
```
#053436 rgb(5,52,54)
```
#074547
```
#074547 rgb(7,69,71)
```
#095659
```
#095659 rgb(9,86,89)
```
#0a676b
```
#0a676b rgb(10,103,107)
```
#0c797d
```
#0c797d rgb(12,121,125)
```
#0e8a8f
```
#0e8a8f rgb(14,138,143)
```
#109ba1
```
#109ba1 rgb(16,155,161)
```
#11acb3
```
#11acb3 rgb(17,172,179)
```
#13bec4
```
#13bec4 rgb(19,190,196)
```
#15cfd6
```
#15cfd6 rgb(21,207,214)
```
#17e0e8
```
#17e0e8 rgb(23,224,232)
```

Shade Color Variation

#29e3ea
```
#29e3ea rgb(41,227,234)
```
#3ae5ec
```
#3ae5ec rgb(58,229,236)
```
#4ce7ee
```
#4ce7ee rgb(76,231,238)
```
#5eeaef
```
#5eeaef rgb(94,234,239)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#82eef3
```
#82eef3 rgb(130,238,243)
```
#94f1f4
```
#94f1f4 rgb(148,241,244)
```
#a6f3f6
```
#a6f3f6 rgb(166,243,246)
```
#b7f5f8
```
#b7f5f8 rgb(183,245,248)
```
#c9f8fa
```
#c9f8fa rgb(201,248,250)
```
#dbfafb
```
#dbfafb rgb(219,250,251)
```
#edfdfd
```
#edfdfd rgb(237,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#acb4b5
```
#acb4b5 rgb(172,180,181)
```
#a6babb
```
#a6babb rgb(166,186,187)
```
#a0bfc1
```
#a0bfc1 rgb(160,191,193)
```
#9ac5c7
```
#9ac5c7 rgb(154,197,199)
```
#94cbcd
```
#94cbcd rgb(148,203,205)
```
#8ed0d3
```
#8ed0d3 rgb(142,208,211)
```
#88d6d9
```
#88d6d9 rgb(136,214,217)
```
#82dbdf
```
#82dbdf rgb(130,219,223)
```
#7ce1e5
```
#7ce1e5 rgb(124,225,229)
```
#76e6eb
```
#76e6eb rgb(118,230,235)
```
#70ecf1
```
#70ecf1 rgb(112,236,241)
```
#6af2f7
```
#6af2f7 rgb(106,242,247)
```
#64f7fd
```
#64f7fd rgb(100,247,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b6cecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdae7 Protanopia 1% of men
#e0d6f9 Deuteranopia 1% of men
#7cebfc Tritanopia 0.001% of the population

Trichromacy

#b4e0ea Protanomaly 1% of men, 0.01% of women
#b7def6 Deuteranomaly 6% of men, 0.4% of women
#77ebf8 Tritanomaly 0.01% of the population