#2ec7f5 hex color

In a RGB color space, hex #2ec7f5 is composed of 18% red, 78% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 18.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 193.9 degrees, a saturation of 90.9% and a lightness of 57.1%. #2ec7f5 color hex could be obtained by blending #5cffff with #008feb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 78
- B 96
RGB color chart
- C 81
- M 19
- Y 0
- K 4
CMYK color chart

● #2ec7f5 color description : Bright cyan.

The hexadecimal color #2ec7f5 has RGB values of R:46, G:199, B:245 and CMYK values of C:0.81, M:0.19, Y:0, K:0.04. Its decimal value is 3065845.

Hex triplet	2ec7f5	`#2ec7f5`
RGB Decimal	46, 199, 245	`rgb(46,199,245)`
RGB Percent	18, 78, 96.1	`rgb(18%,78%,96.1%)`
CMYK	81, 19, 0, 4
HSL	193.9°, 90.9, 57.1	`hsl(193.9,90.9%,57.1%)`
HSV (or HSB)	193.9°, 81.2, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.835, -23.102, -33.585
XYZ	38.027, 48.017, 93.645
xyY	0.212, 0.267, 48.017
CIE-LCH	74.835, 40.763, 235.477
CIE-LUV	74.835, -50.074, -51.068
Hunter-Lab	69.294, -23.308, -31.62
Binary	00101110, 11000111, 11110101

#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#f55c2e
```
#f55c2e rgb(245,92,46)
```

Complementary Color

#2ef5c0
```
#2ef5c0 rgb(46,245,192)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#2e64f5
```
#2e64f5 rgb(46,100,245)
```

Analogous Color

#f5c02e
```
#f5c02e rgb(245,192,46)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#f52e64
```
#f52e64 rgb(245,46,100)
```

Split Complementary Color

#c7f52e
```
#c7f52e rgb(199,245,46)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#f52ec7
```
#f52ec7 rgb(245,46,199)
```

Triadic Color

#2ef55c
```
#2ef55c rgb(46,245,92)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#f52ec7
```
#f52ec7 rgb(245,46,199)
```
#f55c2e
```
#f55c2e rgb(245,92,46)
```

Tetradic Color

#0aa0cd
```
#0aa0cd rgb(10,160,205)
```
#0bb3e5
```
#0bb3e5 rgb(11,179,229)
```
#16c0f4
```
#16c0f4 rgb(22,192,244)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#46cef6
```
#46cef6 rgb(70,206,246)
```
#5fd4f7
```
#5fd4f7 rgb(95,212,247)
```
#77dbf8
```
#77dbf8 rgb(119,219,248)
```

Monochromatic Color

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

#2ef5f1
```
#2ef5f1 rgb(46,245,241)
```
#2ee8f5
```
#2ee8f5 rgb(46,232,245)
```
#2ed8f5
```
#2ed8f5 rgb(46,216,245)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#2eb6f5
```
#2eb6f5 rgb(46,182,245)
```
#2ea6f5
```
#2ea6f5 rgb(46,166,245)
```
#2e95f5
```
#2e95f5 rgb(46,149,245)
```

Similar Colors

Text with hexadecimal color #2ec7f5

This text has a font color of #2ec7f5.

<span style="color:#2ec7f5;">Text here</span>

#2ec7f5 background color

This paragraph has a background color of #2ec7f5.

<p style="background-color:#2ec7f5;">Content here</p>

#2ec7f5 border color

This element has a border color of #2ec7f5.

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

CSS codes

.text {color:#2ec7f5;}

.background {background-color:#2ec7f5;}

.border {border:1px solid #2ec7f5;}

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, #010c10 is the darkest color, while #fcfeff is the lightest one.

#010c10
```
#010c10 rgb(1,12,16)
```
#021b22
```
#021b22 rgb(2,27,34)
```
#032935
```
#032935 rgb(3,41,53)
```
#033848
```
#033848 rgb(3,56,72)
```
#04475b
```
#04475b rgb(4,71,91)
```
#05556d
```
#05556d rgb(5,85,109)
```
#066480
```
#066480 rgb(6,100,128)
```
#077293
```
#077293 rgb(7,114,147)
```
#0881a5
```
#0881a5 rgb(8,129,165)
```
#0990b8
```
#0990b8 rgb(9,144,184)
```
#0a9ecb
```
#0a9ecb rgb(10,158,203)
```
#0badde
```
#0badde rgb(11,173,222)
```
#0bbbf0
```
#0bbbf0 rgb(11,187,240)
```

Shade Color Variation

#1bc2f4
```
#1bc2f4 rgb(27,194,244)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#41ccf6
```
#41ccf6 rgb(65,204,246)
```
#53d1f7
```
#53d1f7 rgb(83,209,247)
```
#66d6f8
```
#66d6f8 rgb(102,214,248)
```
#79dbf9
```
#79dbf9 rgb(121,219,249)
```
#8ce0f9
```
#8ce0f9 rgb(140,224,249)
```
#9ee5fa
```
#9ee5fa rgb(158,229,250)
```
#b1eafb
```
#b1eafb rgb(177,234,251)
```
#c4effc
```
#c4effc rgb(196,239,252)
```
#d6f4fd
```
#d6f4fd rgb(214,244,253)
```
#e9f9fe
```
#e9f9fe rgb(233,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9598 is the less saturated color, while #26ccfd is the most saturated one.

#8b9598
```
#8b9598 rgb(139,149,152)
```
#829aa1
```
#829aa1 rgb(130,154,161)
```
#7a9ea9
```
#7a9ea9 rgb(122,158,169)
```
#71a3b2
```
#71a3b2 rgb(113,163,178)
```
#69a7ba
```
#69a7ba rgb(105,167,186)
```
#61acc2
```
#61acc2 rgb(97,172,194)
```
#58b0cb
```
#58b0cb rgb(88,176,203)
```
#50b5d3
```
#50b5d3 rgb(80,181,211)
```
#47b9dc
```
#47b9dc rgb(71,185,220)
```
#3fbee4
```
#3fbee4 rgb(63,190,228)
```
#36c2ed
```
#36c2ed rgb(54,194,237)
```
#2ec7f5
```
#2ec7f5 rgb(46,199,245)
```
#26ccfd
```
#26ccfd rgb(38,204,253)
```

Tone Color Variation

Below, you can see how #2ec7f5 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

#9e9e9e Achromatopsia 0.005% of the population
#88a6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb9ea Protanopia 1% of men
#a5b9fb Deuteranopia 1% of men
#00cedd Tritanopia 0.001% of the population

Trichromacy

#7fbeee Protanomaly 1% of men, 0.01% of women
#7abef9 Deuteranomaly 6% of men, 0.4% of women
#10cbe5 Tritanomaly 0.01% of the population

#2ec7f5 hex color

#2ec7f5 Color Information

#2ec7f5 Color Conversion

Color Schemes with #2ec7f5

Alternatives to #2ec7f5

#2ec7f5 Preview

Shades and Tints of #2ec7f5

Tones of #2ec7f5

Color Blindness Simulator