#2c6ade hex color

In a RGB color space, hex #2c6ade is composed of 17.3% red, 41.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 52.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 219.1 degrees, a saturation of 73% and a lightness of 52.2%. #2c6ade color hex could be obtained by blending #58d4ff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 42
- B 87
RGB color chart
- C 80
- M 52
- Y 0
- K 13
CMYK color chart

● #2c6ade color description : Bright blue.

The hexadecimal color #2c6ade has RGB values of R:44, G:106, B:222 and CMYK values of C:0.8, M:0.52, Y:0, K:0.13. Its decimal value is 2910942.

Hex triplet	2c6ade	`#2c6ade`
RGB Decimal	44, 106, 222	`rgb(44,106,222)`
RGB Percent	17.3, 41.6, 87.1	`rgb(17.3%,41.6%,87.1%)`
CMYK	80, 52, 0, 13
HSL	219.1°, 73, 52.2	`hsl(219.1,73%,52.2%)`
HSV (or HSB)	219.1°, 80.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.126, 22.167, -64.751
XYZ	19.375, 16.116, 71.193
xyY	0.182, 0.151, 16.116
CIE-LCH	47.126, 68.44, 288.898
CIE-LUV	47.126, -21.184, -99.728
Hunter-Lab	40.145, 15.895, -77.044
Binary	00101100, 01101010, 11011110

#2c6ade
```
#2c6ade rgb(44,106,222)
```
#dea02c
```
#dea02c rgb(222,160,44)
```

Complementary Color

#2cc3de
```
#2cc3de rgb(44,195,222)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#472cde
```
#472cde rgb(71,44,222)
```

Analogous Color

#c3de2c
```
#c3de2c rgb(195,222,44)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#de472c
```
#de472c rgb(222,71,44)
```

Split Complementary Color

#6ade2c
```
#6ade2c rgb(106,222,44)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#de2c6a
```
#de2c6a rgb(222,44,106)
```

Triadic Color

#2cdea0
```
#2cdea0 rgb(44,222,160)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#de2c6a
```
#de2c6a rgb(222,44,106)
```
#dea02c
```
#dea02c rgb(222,160,44)
```

Tetradic Color

#1a4aa4
```
#1a4aa4 rgb(26,74,164)
```
#1d54ba
```
#1d54ba rgb(29,84,186)
```
#215ed0
```
#215ed0 rgb(33,94,208)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#427ae1
```
#427ae1 rgb(66,122,225)
```
#5889e5
```
#5889e5 rgb(88,137,229)
```
#6e99e8
```
#6e99e8 rgb(110,153,232)
```

Monochromatic Color

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

#2c97de
```
#2c97de rgb(44,151,222)
```
#2c88de
```
#2c88de rgb(44,136,222)
```
#2c79de
```
#2c79de rgb(44,121,222)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#2c5bde
```
#2c5bde rgb(44,91,222)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#2c3dde
```
#2c3dde rgb(44,61,222)
```

Similar Colors

Text with hexadecimal color #2c6ade

This text has a font color of #2c6ade.

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

#2c6ade background color

This paragraph has a background color of #2c6ade.

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

#2c6ade border color

This element has a border color of #2c6ade.

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

CSS codes

.text {color:#2c6ade;}

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

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

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, #01040a is the darkest color, while #f8fafe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#040c1a
```
#040c1a rgb(4,12,26)
```
#07142b
```
#07142b rgb(7,20,43)
```
#091b3c
```
#091b3c rgb(9,27,60)
```
#0c234d
```
#0c234d rgb(12,35,77)
```
#0f2a5e
```
#0f2a5e rgb(15,42,94)
```
#11326f
```
#11326f rgb(17,50,111)
```
#143a80
```
#143a80 rgb(20,58,128)
```
#174191
```
#174191 rgb(23,65,145)
```
#1949a2
```
#1949a2 rgb(25,73,162)
```
#1c51b3
```
#1c51b3 rgb(28,81,179)
```
#1f58c4
```
#1f58c4 rgb(31,88,196)
```
#2160d5
```
#2160d5 rgb(33,96,213)
```

Shade Color Variation

#2c6ade
```
#2c6ade rgb(44,106,222)
```
#3d76e1
```
#3d76e1 rgb(61,118,225)
```
#4e82e3
```
#4e82e3 rgb(78,130,227)
```
#5f8ee6
```
#5f8ee6 rgb(95,142,230)
```
#709ae9
```
#709ae9 rgb(112,154,233)
```
#81a6eb
```
#81a6eb rgb(129,166,235)
```
#92b2ee
```
#92b2ee rgb(146,178,238)
```
#a3bef1
```
#a3bef1 rgb(163,190,241)
```
#b4caf3
```
#b4caf3 rgb(180,202,243)
```
#c5d6f6
```
#c5d6f6 rgb(197,214,246)
```
#d6e2f9
```
#d6e2f9 rgb(214,226,249)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80848a is the less saturated color, while #1061fa is the most saturated one.

#80848a
```
#80848a rgb(128,132,138)
```
#778193
```
#778193 rgb(119,129,147)
```
#6e7e9c
```
#6e7e9c rgb(110,126,156)
```
#647ba6
```
#647ba6 rgb(100,123,166)
```
#5b78af
```
#5b78af rgb(91,120,175)
```
#5275b8
```
#5275b8 rgb(82,117,184)
```
#4873c2
```
#4873c2 rgb(72,115,194)
```
#3f70cb
```
#3f70cb rgb(63,112,203)
```
#356dd5
```
#356dd5 rgb(53,109,213)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#2367e7
```
#2367e7 rgb(35,103,231)
```
#1964f1
```
#1964f1 rgb(25,100,241)
```
#1061fa
```
#1061fa rgb(16,97,250)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a667d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1773e1 Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1f70e0 Protanomaly 1% of men, 0.01% of women
#1074cf Deuteranomaly 6% of men, 0.4% of women
#1079a8 Tritanomaly 0.01% of the population

#2c6ade hex color

#2c6ade Color Information

#2c6ade Color Conversion

Color Schemes with #2c6ade

Alternatives to #2c6ade

#2c6ade Preview

Shades and Tints of #2c6ade

Tones of #2c6ade

Color Blindness Simulator