#2ec5fc hex color

In a RGB color space, hex #2ec5fc is composed of 18% red, 77.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 21.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 196 degrees, a saturation of 97.2% and a lightness of 58.4%. #2ec5fc color hex could be obtained by blending #5cffff with #008bf9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 77
- B 99
RGB color chart
- C 82
- M 22
- Y 0
- K 1
CMYK color chart

● #2ec5fc color description : Bright blue.

The hexadecimal color #2ec5fc has RGB values of R:46, G:197, B:252 and CMYK values of C:0.82, M:0.22, Y:0, K:0.01. Its decimal value is 3065340.

Hex triplet	2ec5fc	`#2ec5fc`
RGB Decimal	46, 197, 252	`rgb(46,197,252)`
RGB Percent	18, 77.3, 98.8	`rgb(18%,77.3%,98.8%)`
CMYK	82, 22, 0, 1
HSL	196°, 97.2, 58.4	`hsl(196,97.2%,58.4%)`
HSV (or HSB)	196°, 81.7, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.533, -19.767, -37.814
XYZ	38.659, 47.538, 99.228
xyY	0.208, 0.256, 47.538
CIE-LCH	74.533, 42.669, 242.402
CIE-LUV	74.533, -48.916, -58.756
Hunter-Lab	68.948, -20.574, -37.066
Binary	00101110, 11000101, 11111100

#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#fc652e
```
#fc652e rgb(252,101,46)
```

Complementary Color

#2efccc
```
#2efccc rgb(46,252,204)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#2e5efc
```
#2e5efc rgb(46,94,252)
```

Analogous Color

#fccc2e
```
#fccc2e rgb(252,204,46)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#fc2e5e
```
#fc2e5e rgb(252,46,94)
```

Split Complementary Color

#c5fc2e
```
#c5fc2e rgb(197,252,46)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#fc2ec5
```
#fc2ec5 rgb(252,46,197)
```

Triadic Color

#2efc65
```
#2efc65 rgb(46,252,101)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#fc2ec5
```
#fc2ec5 rgb(252,46,197)
```
#fc652e
```
#fc652e rgb(252,101,46)
```

Tetradic Color

#03a1da
```
#03a1da rgb(3,161,218)
```
#03b3f4
```
#03b3f4 rgb(3,179,244)
```
#15befc
```
#15befc rgb(21,190,252)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#47ccfc
```
#47ccfc rgb(71,204,252)
```
#60d3fd
```
#60d3fd rgb(96,211,253)
```
#79dafd
```
#79dafd rgb(121,218,253)
```

Monochromatic Color

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

#2ef9fc
```
#2ef9fc rgb(46,249,252)
```
#2ee7fc
```
#2ee7fc rgb(46,231,252)
```
#2ed6fc
```
#2ed6fc rgb(46,214,252)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#2eb4fc
```
#2eb4fc rgb(46,180,252)
```
#2ea3fc
```
#2ea3fc rgb(46,163,252)
```
#2e92fc
```
#2e92fc rgb(46,146,252)
```

Similar Colors

Text with hexadecimal color #2ec5fc

This text has a font color of #2ec5fc.

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

#2ec5fc background color

This paragraph has a background color of #2ec5fc.

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

#2ec5fc border color

This element has a border color of #2ec5fc.

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

CSS codes

.text {color:#2ec5fc;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001117
```
#001117 rgb(0,17,23)
```
#011f2a
```
#011f2a rgb(1,31,42)
```
#012d3e
```
#012d3e rgb(1,45,62)
```
#013c51
```
#013c51 rgb(1,60,81)
```
#014a64
```
#014a64 rgb(1,74,100)
```
#025878
```
#025878 rgb(2,88,120)
```
#02668b
```
#02668b rgb(2,102,139)
```
#02759e
```
#02759e rgb(2,117,158)
```
#0383b2
```
#0383b2 rgb(3,131,178)
```
#0391c5
```
#0391c5 rgb(3,145,197)
```
#039fd8
```
#039fd8 rgb(3,159,216)
```
#03aeec
```
#03aeec rgb(3,174,236)
```

Shade Color Variation

#07bafb
```
#07bafb rgb(7,186,251)
```
#1bc0fc
```
#1bc0fc rgb(27,192,252)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```
#41cafc
```
#41cafc rgb(65,202,252)
```
#55d0fd
```
#55d0fd rgb(85,208,253)
```
#68d5fd
```
#68d5fd rgb(104,213,253)
```
#7bdafd
```
#7bdafd rgb(123,218,253)
```
#8fe0fd
```
#8fe0fd rgb(143,224,253)
```
#a2e5fe
```
#a2e5fe rgb(162,229,254)
```
#b5ebfe
```
#b5ebfe rgb(181,235,254)
```
#c9f0fe
```
#c9f0fe rgb(201,240,254)
```
#dcf5fe
```
#dcf5fe rgb(220,245,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90979a is the less saturated color, while #2ec5fc is the most saturated one.

#90979a
```
#90979a rgb(144,151,154)
```
#889ba2
```
#889ba2 rgb(136,155,162)
```
#809faa
```
#809faa rgb(128,159,170)
```
#77a3b3
```
#77a3b3 rgb(119,163,179)
```
#6fa7bb
```
#6fa7bb rgb(111,167,187)
```
#67aac3
```
#67aac3 rgb(103,170,195)
```
#5faecb
```
#5faecb rgb(95,174,203)
```
#57b2d3
```
#57b2d3 rgb(87,178,211)
```
#4fb6db
```
#4fb6db rgb(79,182,219)
```
#46bae4
```
#46bae4 rgb(70,186,228)
```
#3ebdec
```
#3ebdec rgb(62,189,236)
```
#36c1f4
```
#36c1f4 rgb(54,193,244)
```
#2ec5fc
```
#2ec5fc rgb(46,197,252)
```

Tone Color Variation

Below, you can see how #2ec5fc 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
#88a6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab9f1 Protanopia 1% of men
#a0b9ff Deuteranopia 1% of men
#00cddb Tritanopia 0.001% of the population

Trichromacy

#7dbdf5 Protanomaly 1% of men, 0.01% of women
#76bdfd Deuteranomaly 6% of men, 0.4% of women
#10cae7 Tritanomaly 0.01% of the population

#2ec5fc hex color

#2ec5fc Color Information

#2ec5fc Color Conversion

Color Schemes with #2ec5fc

Alternatives to #2ec5fc

#2ec5fc Preview

Shades and Tints of #2ec5fc

Tones of #2ec5fc

Color Blindness Simulator