colorhexa.com

#2c7efc hex color

In a RGB color space, hex #2c7efc is composed of 17.3% red, 49.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 50% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.3 degrees, a saturation of 97.2% and a lightness of 58%. #2c7efc color hex could be obtained by blending #58fcff with #0000f9. Closest websafe color is: #3366ff.

- R 17
- G 49
- B 99
RGB color chart
- C 83
- M 50
- Y 0
- K 1
CMYK color chart

● #2c7efc color description : Bright blue.

The hexadecimal color #2c7efc has RGB values of R:44, G:126, B:252 and CMYK values of C:0.83, M:0.5, Y:0, K:0.01. Its decimal value is 2916092.

Hex triplet	2c7efc	`#2c7efc`
RGB Decimal	44, 126, 252	`rgb(44,126,252)`
RGB Percent	17.3, 49.4, 98.8	`rgb(17.3%,49.4%,98.8%)`
CMYK	83, 50, 0, 1
HSL	216.3°, 97.2, 58	`hsl(216.3,97.2%,58%)`
HSV (or HSB)	216.3°, 82.5, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.536, 20.816, -69.534
XYZ	26.066, 22.483, 95.056
xyY	0.182, 0.157, 22.483
CIE-LCH	54.536, 72.583, 286.666
CIE-LUV	54.536, -26.272, -110.813
Hunter-Lab	47.417, 15.148, -85.667
Binary	00101100, 01111110, 11111100

#2c7efc
```
#2c7efc rgb(44,126,252)
```
#fcaa2c
```
#fcaa2c rgb(252,170,44)
```

Complementary Color

#2ce6fc
```
#2ce6fc rgb(44,230,252)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#422cfc
```
#422cfc rgb(66,44,252)
```

Analogous Color

#e6fc2c
```
#e6fc2c rgb(230,252,44)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#fc422c
```
#fc422c rgb(252,66,44)
```

Split Complementary Color

#7efc2c
```
#7efc2c rgb(126,252,44)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#fc2c7e
```
#fc2c7e rgb(252,44,126)
```

Triadic Color

#2cfcaa
```
#2cfcaa rgb(44,252,170)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#fc2c7e
```
#fc2c7e rgb(252,44,126)
```
#fcaa2c
```
#fcaa2c rgb(252,170,44)
```

Tetradic Color

#0357d8
```
#0357d8 rgb(3,87,216)
```
#0361f2
```
#0361f2 rgb(3,97,242)
```
#136ffc
```
#136ffc rgb(19,111,252)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#458dfc
```
#458dfc rgb(69,141,252)
```
#5e9dfd
```
#5e9dfd rgb(94,157,253)
```
#77acfd
```
#77acfd rgb(119,172,253)
```

Monochromatic Color

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

#2cb2fc
```
#2cb2fc rgb(44,178,252)
```
#2ca1fc
```
#2ca1fc rgb(44,161,252)
```
#2c8ffc
```
#2c8ffc rgb(44,143,252)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#2c6dfc
```
#2c6dfc rgb(44,109,252)
```
#2c5bfc
```
#2c5bfc rgb(44,91,252)
```
#2c4afc
```
#2c4afc rgb(44,74,252)
```

Similar Colors

Text with hexadecimal color #2c7efc

This text has a font color of #2c7efc.

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

#2c7efc background color

This paragraph has a background color of #2c7efc.

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

#2c7efc border color

This element has a border color of #2c7efc.

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

CSS codes

.text {color:#2c7efc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000815
```
#000815 rgb(0,8,21)
```
#011028
```
#011028 rgb(1,16,40)
```
#01183c
```
#01183c rgb(1,24,60)
```
#01204f
```
#01204f rgb(1,32,79)
```
#012862
```
#012862 rgb(1,40,98)
```
#022f76
```
#022f76 rgb(2,47,118)
```
#023789
```
#023789 rgb(2,55,137)
```
#023f9c
```
#023f9c rgb(2,63,156)
```
#0247b0
```
#0247b0 rgb(2,71,176)
```
#034fc3
```
#034fc3 rgb(3,79,195)
```
#0356d6
```
#0356d6 rgb(3,86,214)
```
#035eea
```
#035eea rgb(3,94,234)
```

Shade Color Variation

#0566fb
```
#0566fb rgb(5,102,251)
```
#1972fc
```
#1972fc rgb(25,114,252)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```
#3f8afc
```
#3f8afc rgb(63,138,252)
```
#5396fd
```
#5396fd rgb(83,150,253)
```
#66a1fd
```
#66a1fd rgb(102,161,253)
```
#79adfd
```
#79adfd rgb(121,173,253)
```
#8db9fd
```
#8db9fd rgb(141,185,253)
```
#a0c5fe
```
#a0c5fe rgb(160,197,254)
```
#b3d1fe
```
#b3d1fe rgb(179,209,254)
```
#c7ddfe
```
#c7ddfe rgb(199,221,254)
```
#dae8fe
```
#dae8fe rgb(218,232,254)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#8f9399
```
#8f9399 rgb(143,147,153)
```
#8791a1
```
#8791a1 rgb(135,145,161)
```
#7e8faa
```
#7e8faa rgb(126,143,170)
```
#768eb2
```
#768eb2 rgb(118,142,178)
```
#6e8cba
```
#6e8cba rgb(110,140,186)
```
#668ac2
```
#668ac2 rgb(102,138,194)
```
#5d88cb
```
#5d88cb rgb(93,136,203)
```
#5587d3
```
#5587d3 rgb(85,135,211)
```
#4d85db
```
#4d85db rgb(77,133,219)
```
#4583e3
```
#4583e3 rgb(69,131,227)
```
#3c81ec
```
#3c81ec rgb(60,129,236)
```
#3480f4
```
#3480f4 rgb(52,128,244)
```
#2c7efc
```
#2c7efc rgb(44,126,252)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#66768f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3384fc Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3182fc Protanomaly 1% of men, 0.01% of women
#1086ed Deuteranomaly 6% of men, 0.4% of women
#108dc0 Tritanomaly 0.01% of the population