#2c7bfe hex color

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

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

● #2c7bfe color description : Bright blue.

The hexadecimal color #2c7bfe has RGB values of R:44, G:123, B:254 and CMYK values of C:0.83, M:0.52, Y:0, K:0. Its decimal value is 2915326.

Hex triplet	2c7bfe	`#2c7bfe`
RGB Decimal	44, 123, 254	`rgb(44,123,254)`
RGB Percent	17.3, 48.2, 99.6	`rgb(17.3%,48.2%,99.6%)`
CMYK	83, 52, 0, 0
HSL	217.4°, 99.1, 58.4	`hsl(217.4,99.1%,58.4%)`
HSV (or HSB)	217.4°, 82.7, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.873, 23.429, -71.712
XYZ	26.007, 21.855, 96.608
xyY	0.18, 0.151, 21.855
CIE-LCH	53.873, 75.443, 288.092
CIE-LUV	53.873, -25.366, -113.979
Hunter-Lab	46.749, 17.49, -89.799
Binary	00101100, 01111011, 11111110

#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#feaf2c
```
#feaf2c rgb(254,175,44)
```

Complementary Color

#2ce4fe
```
#2ce4fe rgb(44,228,254)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#462cfe
```
#462cfe rgb(70,44,254)
```

Analogous Color

#e4fe2c
```
#e4fe2c rgb(228,254,44)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#fe462c
```
#fe462c rgb(254,70,44)
```

Split Complementary Color

#7bfe2c
```
#7bfe2c rgb(123,254,44)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#fe2c7b
```
#fe2c7b rgb(254,44,123)
```

Triadic Color

#2cfeaf
```
#2cfeaf rgb(44,254,175)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#fe2c7b
```
#fe2c7b rgb(254,44,123)
```
#feaf2c
```
#feaf2c rgb(254,175,44)
```

Tetradic Color

#0154dc
```
#0154dc rgb(1,84,220)
```
#015df6
```
#015df6 rgb(1,93,246)
```
#136bfe
```
#136bfe rgb(19,107,254)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#458bfe
```
#458bfe rgb(69,139,254)
```
#5f9bfe
```
#5f9bfe rgb(95,155,254)
```
#78abfe
```
#78abfe rgb(120,171,254)
```

Monochromatic Color

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

#2cb0fe
```
#2cb0fe rgb(44,176,254)
```
#2c9efe
```
#2c9efe rgb(44,158,254)
```
#2c8dfe
```
#2c8dfe rgb(44,141,254)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#2c6afe
```
#2c6afe rgb(44,106,254)
```
#2c58fe
```
#2c58fe rgb(44,88,254)
```
#2c47fe
```
#2c47fe rgb(44,71,254)
```

Similar Colors

Text with hexadecimal color #2c7bfe

This text has a font color of #2c7bfe.

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

#2c7bfe background color

This paragraph has a background color of #2c7bfe.

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

#2c7bfe border color

This element has a border color of #2c7bfe.

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

CSS codes

.text {color:#2c7bfe;}

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

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

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)
```
#002665
```
#002665 rgb(0,38,101)
```
#012e79
```
#012e79 rgb(1,46,121)
```
#01358c
```
#01358c rgb(1,53,140)
```
#013da0
```
#013da0 rgb(1,61,160)
```
#0144b3
```
#0144b3 rgb(1,68,179)
```
#014bc7
```
#014bc7 rgb(1,75,199)
```
#0153db
```
#0153db rgb(1,83,219)
```
#015aee
```
#015aee rgb(1,90,238)
```

Shade Color Variation

#0563fe
```
#0563fe rgb(5,99,254)
```
#186ffe
```
#186ffe rgb(24,111,254)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```
#4087fe
```
#4087fe rgb(64,135,254)
```
#5393fe
```
#5393fe rgb(83,147,254)
```
#67a0fe
```
#67a0fe rgb(103,160,254)
```
#7aacfe
```
#7aacfe rgb(122,172,254)
```
#8eb8fe
```
#8eb8fe rgb(142,184,254)
```
#a1c4ff
```
#a1c4ff rgb(161,196,255)
```
#b5d0ff
```
#b5d0ff rgb(181,208,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 #2c7bfe 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)
```
#6d8bbd
```
#6d8bbd rgb(109,139,189)
```
#6589c5
```
#6589c5 rgb(101,137,197)
```
#5d87cd
```
#5d87cd rgb(93,135,205)
```
#5585d5
```
#5585d5 rgb(85,133,213)
```
#4d83dd
```
#4d83dd rgb(77,131,221)
```
#4481e6
```
#4481e6 rgb(68,129,230)
```
#3c7fee
```
#3c7fee rgb(60,127,238)
```
#347df6
```
#347df6 rgb(52,125,246)
```
#2c7bfe
```
#2c7bfe rgb(44,123,254)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f83ff Protanopia 1% of men
#008ae1 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#2480fe Protanomaly 1% of men, 0.01% of women
#1084ec Deuteranomaly 6% of men, 0.4% of women
#108bc0 Tritanomaly 0.01% of the population

#2c7bfe hex color

#2c7bfe Color Information

#2c7bfe Color Conversion

Color Schemes with #2c7bfe

Alternatives to #2c7bfe

#2c7bfe Preview

Shades and Tints of #2c7bfe

Tones of #2c7bfe

Color Blindness Simulator