#2c6eff hex color

In a RGB color space, hex #2c6eff is composed of 17.3% red, 43.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 56.9% magenta, 0% yellow and 0% black. It has a hue angle of 221.2 degrees, a saturation of 100% and a lightness of 58.6%. #2c6eff color hex could be obtained by blending #58dcff with #0000ff. Closest websafe color is: #3366ff.

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

● #2c6eff color description : Vivid blue.

The hexadecimal color #2c6eff has RGB values of R:44, G:110, B:255 and CMYK values of C:0.83, M:0.57, Y:0, K:0. Its decimal value is 2911999.

Hex triplet	2c6eff	`#2c6eff`
RGB Decimal	44, 110, 255	`rgb(44,110,255)`
RGB Percent	17.3, 43.1, 100	`rgb(17.3%,43.1%,100%)`
CMYK	83, 57, 0, 0
HSL	221.2°, 100, 58.6	`hsl(221.2,100%,58.6%)`
HSV (or HSB)	221.2°, 82.7, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.576, 31.937, -77.624
XYZ	24.661, 18.905, 96.952
xyY	0.175, 0.135, 18.905
CIE-LCH	50.576, 83.937, 292.364
CIE-LUV	50.576, -21.82, -121.194
Hunter-Lab	43.48, 25.149, -101.768
Binary	00101100, 01101110, 11111111

#2c6eff
```
#2c6eff rgb(44,110,255)
```
#ffbd2c
```
#ffbd2c rgb(255,189,44)
```

Complementary Color

#2cd8ff
```
#2cd8ff rgb(44,216,255)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#542cff
```
#542cff rgb(84,44,255)
```

Analogous Color

#d8ff2c
```
#d8ff2c rgb(216,255,44)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#ff542c
```
#ff542c rgb(255,84,44)
```

Split Complementary Color

#6eff2c
```
#6eff2c rgb(110,255,44)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#ff2c6e
```
#ff2c6e rgb(255,44,110)
```

Triadic Color

#2cffbd
```
#2cffbd rgb(44,255,189)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#ff2c6e
```
#ff2c6e rgb(255,44,110)
```
#ffbd2c
```
#ffbd2c rgb(255,189,44)
```

Tetradic Color

#0046df
```
#0046df rgb(0,70,223)
```
#004ef8
```
#004ef8 rgb(0,78,248)
```
#135cff
```
#135cff rgb(19,92,255)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#4680ff
```
#4680ff rgb(70,128,255)
```
#5f91ff
```
#5f91ff rgb(95,145,255)
```
#79a3ff
```
#79a3ff rgb(121,163,255)
```

Monochromatic Color

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

#2ca3ff
```
#2ca3ff rgb(44,163,255)
```
#2c91ff
```
#2c91ff rgb(44,145,255)
```
#2c80ff
```
#2c80ff rgb(44,128,255)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#2c5cff
```
#2c5cff rgb(44,92,255)
```
#2c4bff
```
#2c4bff rgb(44,75,255)
```
#2c39ff
```
#2c39ff rgb(44,57,255)
```

Similar Colors

Text with hexadecimal color #2c6eff

This text has a font color of #2c6eff.

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

#2c6eff background color

This paragraph has a background color of #2c6eff.

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

#2c6eff border color

This element has a border color of #2c6eff.

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

CSS codes

.text {color:#2c6eff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000818
```
#000818 rgb(0,8,24)
```
#000e2c
```
#000e2c rgb(0,14,44)
```
#001440
```
#001440 rgb(0,20,64)
```
#001a53
```
#001a53 rgb(0,26,83)
```
#002067
```
#002067 rgb(0,32,103)
```
#00267a
```
#00267a rgb(0,38,122)
```
#002c8e
```
#002c8e rgb(0,44,142)
```
#0033a2
```
#0033a2 rgb(0,51,162)
```
#0039b5
```
#0039b5 rgb(0,57,181)
```
#003fc9
```
#003fc9 rgb(0,63,201)
```
#0045dd
```
#0045dd rgb(0,69,221)
```
#004bf0
```
#004bf0 rgb(0,75,240)
```

Shade Color Variation

#0553ff
```
#0553ff rgb(5,83,255)
```
#1861ff
```
#1861ff rgb(24,97,255)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```
#407bff
```
#407bff rgb(64,123,255)
```
#5389ff
```
#5389ff rgb(83,137,255)
```
#6796ff
```
#6796ff rgb(103,150,255)
```
#7aa4ff
```
#7aa4ff rgb(122,164,255)
```
#8eb1ff
```
#8eb1ff rgb(142,177,255)
```
#a2bfff
```
#a2bfff rgb(162,191,255)
```
#b5ccff
```
#b5ccff rgb(181,204,255)
```
#c9daff
```
#c9daff rgb(201,218,255)
```
#dde7ff
```
#dde7ff rgb(221,231,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#8d929e
```
#8d929e rgb(141,146,158)
```
#858fa6
```
#858fa6 rgb(133,143,166)
```
#7d8cae
```
#7d8cae rgb(125,140,174)
```
#7589b6
```
#7589b6 rgb(117,137,182)
```
#6d86be
```
#6d86be rgb(109,134,190)
```
#6583c6
```
#6583c6 rgb(101,131,198)
```
#5d80ce
```
#5d80ce rgb(93,128,206)
```
#557dd6
```
#557dd6 rgb(85,125,214)
```
#4c7adf
```
#4c7adf rgb(76,122,223)
```
#4477e7
```
#4477e7 rgb(68,119,231)
```
#3c74ef
```
#3c74ef rgb(60,116,239)
```
#3471f7
```
#3471f7 rgb(52,113,247)
```
#2c6eff
```
#2c6eff rgb(44,110,255)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5e6c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#1076f6 Protanomaly 1% of men, 0.01% of women
#107be3 Deuteranomaly 6% of men, 0.4% of women
#1081ba Tritanomaly 0.01% of the population

#2c6eff hex color

#2c6eff Color Information

#2c6eff Color Conversion

Color Schemes with #2c6eff

Alternatives to #2c6eff

#2c6eff Preview

Shades and Tints of #2c6eff

Tones of #2c6eff

Color Blindness Simulator