colorhexa.com

#2c6aec hex color

In a RGB color space, hex #2c6aec is composed of 17.3% red, 41.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 55.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.6 degrees, a saturation of 83.5% and a lightness of 54.9%. #2c6aec color hex could be obtained by blending #58d4ff with #0000d9. Closest websafe color is: #3366ff.

- R 17
- G 42
- B 93
RGB color chart
- C 81
- M 55
- Y 0
- K 7
CMYK color chart

● #2c6aec color description : Bright blue.

The hexadecimal color #2c6aec has RGB values of R:44, G:106, B:236 and CMYK values of C:0.81, M:0.55, Y:0, K:0.07. Its decimal value is 2910956.

Hex triplet	2c6aec	`#2c6aec`
RGB Decimal	44, 106, 236	`rgb(44,106,236)`
RGB Percent	17.3, 41.6, 92.5	`rgb(17.3%,41.6%,92.5%)`
CMYK	81, 55, 0, 7
HSL	220.6°, 83.5, 54.9	`hsl(220.6,83.5%,54.9%)`
HSV (or HSB)	220.6°, 81.4, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.131, 27.418, -71.013
XYZ	21.33, 16.898, 81.49
xyY	0.178, 0.141, 16.898
CIE-LCH	48.131, 76.122, 291.111
CIE-LUV	48.131, -20.982, -109.786
Hunter-Lab	41.107, 20.683, -88.76
Binary	00101100, 01101010, 11101100

#2c6aec
```
#2c6aec rgb(44,106,236)
```
#ecae2c
```
#ecae2c rgb(236,174,44)
```

Complementary Color

#2ccaec
```
#2ccaec rgb(44,202,236)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#4e2cec
```
#4e2cec rgb(78,44,236)
```

Analogous Color

#caec2c
```
#caec2c rgb(202,236,44)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#ec4e2c
```
#ec4e2c rgb(236,78,44)
```

Split Complementary Color

#6aec2c
```
#6aec2c rgb(106,236,44)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#ec2c6a
```
#ec2c6a rgb(236,44,106)
```

Triadic Color

#2cecae
```
#2cecae rgb(44,236,174)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#ec2c6a
```
#ec2c6a rgb(236,44,106)
```
#ecae2c
```
#ecae2c rgb(236,174,44)
```

Tetradic Color

#1148bb
```
#1148bb rgb(17,72,187)
```
#1351d2
```
#1351d2 rgb(19,81,210)
```
#155ae9
```
#155ae9 rgb(21,90,233)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#437bee
```
#437bee rgb(67,123,238)
```
#5b8bf0
```
#5b8bf0 rgb(91,139,240)
```
#729cf2
```
#729cf2 rgb(114,156,242)
```

Monochromatic Color

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

#2c9aec
```
#2c9aec rgb(44,154,236)
```
#2c8aec
```
#2c8aec rgb(44,138,236)
```
#2c7aec
```
#2c7aec rgb(44,122,236)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#2c5aec
```
#2c5aec rgb(44,90,236)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#2c3aec
```
#2c3aec rgb(44,58,236)
```

Similar Colors

Text with hexadecimal color #2c6aec

This text has a font color of #2c6aec.

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

#2c6aec background color

This paragraph has a background color of #2c6aec.

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

#2c6aec border color

This element has a border color of #2c6aec.

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

CSS codes

.text {color:#2c6aec;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020917
```
#020917 rgb(2,9,23)
```
#041029
```
#041029 rgb(4,16,41)
```
#05173b
```
#05173b rgb(5,23,59)
```
#071e4d
```
#071e4d rgb(7,30,77)
```
#09245f
```
#09245f rgb(9,36,95)
```
#0a2b71
```
#0a2b71 rgb(10,43,113)
```
#0c3283
```
#0c3283 rgb(12,50,131)
```
#0d3995
```
#0d3995 rgb(13,57,149)
```
#0f40a7
```
#0f40a7 rgb(15,64,167)
```
#1147b9
```
#1147b9 rgb(17,71,185)
```
#124ecb
```
#124ecb rgb(18,78,203)
```
#1455dd
```
#1455dd rgb(20,85,221)
```

Shade Color Variation

#1a5dea
```
#1a5dea rgb(26,93,234)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#3e77ee
```
#3e77ee rgb(62,119,238)
```
#5083ef
```
#5083ef rgb(80,131,239)
```
#6290f1
```
#6290f1 rgb(98,144,241)
```
#749df2
```
#749df2 rgb(116,157,242)
```
#86aaf4
```
#86aaf4 rgb(134,170,244)
```
#98b6f6
```
#98b6f6 rgb(152,182,246)
```
#aac3f7
```
#aac3f7 rgb(170,195,247)
```
#bcd0f9
```
#bcd0f9 rgb(188,208,249)
```
#cedcfb
```
#cedcfb rgb(206,220,251)
```
#e0e9fc
```
#e0e9fc rgb(224,233,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848994 is the less saturated color, while #1a64fe is the most saturated one.

#848994
```
#848994 rgb(132,137,148)
```
#7c869c
```
#7c869c rgb(124,134,156)
```
#7383a5
```
#7383a5 rgb(115,131,165)
```
#6a80ae
```
#6a80ae rgb(106,128,174)
```
#617db7
```
#617db7 rgb(97,125,183)
```
#587ac0
```
#587ac0 rgb(88,122,192)
```
#4f77c9
```
#4f77c9 rgb(79,119,201)
```
#4773d1
```
#4773d1 rgb(71,115,209)
```
#3e70da
```
#3e70da rgb(62,112,218)
```
#356de3
```
#356de3 rgb(53,109,227)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#2367f5
```
#2367f5 rgb(35,103,245)
```
#1a64fe
```
#1a64fe rgb(26,100,254)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#1071e8 Protanomaly 1% of men, 0.01% of women
#1075d6 Deuteranomaly 6% of men, 0.4% of women
#107baf Tritanomaly 0.01% of the population