#2c7cfe hex color

In a RGB color space, hex #2c7cfe is composed of 17.3% red, 48.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 51.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.1 degrees, a saturation of 99.1% and a lightness of 58.4%. #2c7cfe color hex could be obtained by blending #58f8ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 49
- B 100
RGB color chart
- C 83
- M 51
- Y 0
- K 0
CMYK color chart

● #2c7cfe color description : Bright blue.

The hexadecimal color #2c7cfe has RGB values of R:44, G:124, B:254 and CMYK values of C:0.83, M:0.51, Y:0, K:0. Its decimal value is 2915582.

Hex triplet	2c7cfe	`#2c7cfe`
RGB Decimal	44, 124, 254	`rgb(44,124,254)`
RGB Percent	17.3, 48.6, 99.6	`rgb(17.3%,48.6%,99.6%)`
CMYK	83, 51, 0, 0
HSL	217.1°, 99.1, 58.4	`hsl(217.1,99.1%,58.4%)`
HSV (or HSB)	217.1°, 82.7, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.138, 22.805, -71.284
XYZ	26.132, 22.104, 96.65
xyY	0.18, 0.153, 22.104
CIE-LCH	54.138, 74.843, 287.741
CIE-LUV	54.138, -25.649, -113.425
Hunter-Lab	47.015, 16.936, -88.972
Binary	00101100, 01111100, 11111110

#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#feae2c
```
#feae2c rgb(254,174,44)
```

Complementary Color

#2ce5fe
```
#2ce5fe rgb(44,229,254)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#452cfe
```
#452cfe rgb(69,44,254)
```

Analogous Color

#e5fe2c
```
#e5fe2c rgb(229,254,44)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#fe452c
```
#fe452c rgb(254,69,44)
```

Split Complementary Color

#7cfe2c
```
#7cfe2c rgb(124,254,44)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#fe2c7c
```
#fe2c7c rgb(254,44,124)
```

Triadic Color

#2cfeae
```
#2cfeae rgb(44,254,174)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#fe2c7c
```
#fe2c7c rgb(254,44,124)
```
#feae2c
```
#feae2c rgb(254,174,44)
```

Tetradic Color

#0155dc
```
#0155dc rgb(1,85,220)
```
#015ef6
```
#015ef6 rgb(1,94,246)
```
#136cfe
```
#136cfe rgb(19,108,254)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#458cfe
```
#458cfe rgb(69,140,254)
```
#5f9cfe
```
#5f9cfe rgb(95,156,254)
```
#78abfe
```
#78abfe rgb(120,171,254)
```

Monochromatic Color

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

#2cb1fe
```
#2cb1fe rgb(44,177,254)
```
#2c9ffe
```
#2c9ffe rgb(44,159,254)
```
#2c8efe
```
#2c8efe rgb(44,142,254)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#2c6bfe
```
#2c6bfe rgb(44,107,254)
```
#2c59fe
```
#2c59fe rgb(44,89,254)
```
#2c47fe
```
#2c47fe rgb(44,71,254)
```

Similar Colors

Text with hexadecimal color #2c7cfe

This text has a font color of #2c7cfe.

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

#2c7cfe background color

This paragraph has a background color of #2c7cfe.

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

#2c7cfe border color

This element has a border color of #2c7cfe.

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

CSS codes

.text {color:#2c7cfe;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000917
```
#000917 rgb(0,9,23)
```
#00102b
```
#00102b rgb(0,16,43)
```
#00183e
```
#00183e rgb(0,24,62)
```
#001f52
```
#001f52 rgb(0,31,82)
```
#002765
```
#002765 rgb(0,39,101)
```
#012e79
```
#012e79 rgb(1,46,121)
```
#01368c
```
#01368c rgb(1,54,140)
```
#013da0
```
#013da0 rgb(1,61,160)
```
#0145b3
```
#0145b3 rgb(1,69,179)
```
#014cc7
```
#014cc7 rgb(1,76,199)
```
#0154db
```
#0154db rgb(1,84,219)
```
#015bee
```
#015bee rgb(1,91,238)
```

Shade Color Variation

#0564fe
```
#0564fe rgb(5,100,254)
```
#1870fe
```
#1870fe rgb(24,112,254)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#4088fe
```
#4088fe rgb(64,136,254)
```
#5394fe
```
#5394fe rgb(83,148,254)
```
#67a0fe
```
#67a0fe rgb(103,160,254)
```
#7aacfe
```
#7aacfe rgb(122,172,254)
```
#8eb9fe
```
#8eb9fe rgb(142,185,254)
```
#a1c5ff
```
#a1c5ff rgb(161,197,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#c8ddff
```
#c8ddff rgb(200,221,255)
```
#dce9ff
```
#dce9ff rgb(220,233,255)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#8e939c
```
#8e939c rgb(142,147,156)
```
#8691a4
```
#8691a4 rgb(134,145,164)
```
#7e8fac
```
#7e8fac rgb(126,143,172)
```
#758db5
```
#758db5 rgb(117,141,181)
```
#6d8cbd
```
#6d8cbd rgb(109,140,189)
```
#658ac5
```
#658ac5 rgb(101,138,197)
```
#5d88cd
```
#5d88cd rgb(93,136,205)
```
#5586d5
```
#5586d5 rgb(85,134,213)
```
#4d84dd
```
#4d84dd rgb(77,132,221)
```
#4482e6
```
#4482e6 rgb(68,130,230)
```
#3c80ee
```
#3c80ee rgb(60,128,238)
```
#347ef6
```
#347ef6 rgb(52,126,246)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#65758f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2583fe Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#2780fe Protanomaly 1% of men, 0.01% of women
#1085ec Deuteranomaly 6% of men, 0.4% of women
#108cc0 Tritanomaly 0.01% of the population

#2c7cfe hex color

#2c7cfe Color Information

#2c7cfe Color Conversion

Color Schemes with #2c7cfe

Alternatives to #2c7cfe

#2c7cfe Preview

Shades and Tints of #2c7cfe

Tones of #2c7cfe

Color Blindness Simulator