#2c6bff hex color

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

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

● #2c6bff color description : Vivid blue.

The hexadecimal color #2c6bff has RGB values of R:44, G:107, B:255 and CMYK values of C:0.83, M:0.58, Y:0, K:0. Its decimal value is 2911231.

Hex triplet	2c6bff	`#2c6bff`
RGB Decimal	44, 107, 255	`rgb(44,107,255)`
RGB Percent	17.3, 42, 100	`rgb(17.3%,42%,100%)`
CMYK	83, 58, 0, 0
HSL	222.1°, 100, 58.6	`hsl(222.1,100%,58.6%)`
HSV (or HSB)	222.1°, 82.7, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.821, 33.816, -78.856
XYZ	24.343, 18.269, 96.846
xyY	0.175, 0.131, 18.269
CIE-LCH	49.821, 85.801, 293.211
CIE-LUV	49.821, -21.05, -122.502
Hunter-Lab	42.742, 26.861, -104.42
Binary	00101100, 01101011, 11111111

#2c6bff
```
#2c6bff rgb(44,107,255)
```
#ffc02c
```
#ffc02c rgb(255,192,44)
```

Complementary Color

#2cd5ff
```
#2cd5ff rgb(44,213,255)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#562cff
```
#562cff rgb(86,44,255)
```

Analogous Color

#d5ff2c
```
#d5ff2c rgb(213,255,44)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#ff562c
```
#ff562c rgb(255,86,44)
```

Split Complementary Color

#6bff2c
```
#6bff2c rgb(107,255,44)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#ff2c6b
```
#ff2c6b rgb(255,44,107)
```

Triadic Color

#2cffc0
```
#2cffc0 rgb(44,255,192)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#ff2c6b
```
#ff2c6b rgb(255,44,107)
```
#ffc02c
```
#ffc02c rgb(255,192,44)
```

Tetradic Color

#0042df
```
#0042df rgb(0,66,223)
```
#004af8
```
#004af8 rgb(0,74,248)
```
#1359ff
```
#1359ff rgb(19,89,255)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#467dff
```
#467dff rgb(70,125,255)
```
#5f8fff
```
#5f8fff rgb(95,143,255)
```
#79a1ff
```
#79a1ff rgb(121,161,255)
```

Monochromatic Color

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

#2ca0ff
```
#2ca0ff rgb(44,160,255)
```
#2c8eff
```
#2c8eff rgb(44,142,255)
```
#2c7dff
```
#2c7dff rgb(44,125,255)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#2c59ff
```
#2c59ff rgb(44,89,255)
```
#2c48ff
```
#2c48ff rgb(44,72,255)
```
#2c36ff
```
#2c36ff rgb(44,54,255)
```

Similar Colors

Text with hexadecimal color #2c6bff

This text has a font color of #2c6bff.

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

#2c6bff background color

This paragraph has a background color of #2c6bff.

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

#2c6bff border color

This element has a border color of #2c6bff.

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

CSS codes

.text {color:#2c6bff;}

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

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

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)
```
#000718
```
#000718 rgb(0,7,24)
```
#000d2c
```
#000d2c rgb(0,13,44)
```
#001340
```
#001340 rgb(0,19,64)
```
#001953
```
#001953 rgb(0,25,83)
```
#001f67
```
#001f67 rgb(0,31,103)
```
#00257a
```
#00257a rgb(0,37,122)
```
#002a8e
```
#002a8e rgb(0,42,142)
```
#0030a2
```
#0030a2 rgb(0,48,162)
```
#0036b5
```
#0036b5 rgb(0,54,181)
```
#003cc9
```
#003cc9 rgb(0,60,201)
```
#0042dd
```
#0042dd rgb(0,66,221)
```
#0048f0
```
#0048f0 rgb(0,72,240)
```

Shade Color Variation

#054fff
```
#054fff rgb(5,79,255)
```
#185dff
```
#185dff rgb(24,93,255)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```
#4079ff
```
#4079ff rgb(64,121,255)
```
#5387ff
```
#5387ff rgb(83,135,255)
```
#6794ff
```
#6794ff rgb(103,148,255)
```
#7aa2ff
```
#7aa2ff rgb(122,162,255)
```
#8eb0ff
```
#8eb0ff rgb(142,176,255)
```
#a2beff
```
#a2beff rgb(162,190,255)
```
#b5cbff
```
#b5cbff rgb(181,203,255)
```
#c9d9ff
```
#c9d9ff rgb(201,217,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 #2c6bff is the most saturated one.

#8d929e
```
#8d929e rgb(141,146,158)
```
#858fa6
```
#858fa6 rgb(133,143,166)
```
#7d8cae
```
#7d8cae rgb(125,140,174)
```
#7588b6
```
#7588b6 rgb(117,136,182)
```
#6d85be
```
#6d85be rgb(109,133,190)
```
#6582c6
```
#6582c6 rgb(101,130,198)
```
#5d7fce
```
#5d7fce rgb(93,127,206)
```
#557bd6
```
#557bd6 rgb(85,123,214)
```
#4c78df
```
#4c78df rgb(76,120,223)
```
#4475e7
```
#4475e7 rgb(68,117,231)
```
#3c72ef
```
#3c72ef rgb(60,114,239)
```
#346ef7
```
#346ef7 rgb(52,110,247)
```
#2c6bff
```
#2c6bff rgb(44,107,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#1074f4 Protanomaly 1% of men, 0.01% of women
#1078e1 Deuteranomaly 6% of men, 0.4% of women
#107eb9 Tritanomaly 0.01% of the population

#2c6bff hex color

#2c6bff Color Information

#2c6bff Color Conversion

Color Schemes with #2c6bff

Alternatives to #2c6bff

#2c6bff Preview

Shades and Tints of #2c6bff

Tones of #2c6bff

Color Blindness Simulator