#2c6af4 hex color

In a RGB color space, hex #2c6af4 is composed of 17.3% red, 41.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 56.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 221.4 degrees, a saturation of 90.1% and a lightness of 56.5%. #2c6af4 color hex could be obtained by blending #58d4ff with #0000e9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 42
- B 96
RGB color chart
- C 82
- M 57
- Y 0
- K 4
CMYK color chart

● #2c6af4 color description : Bright blue.

The hexadecimal color #2c6af4 has RGB values of R:44, G:106, B:244 and CMYK values of C:0.82, M:0.57, Y:0, K:0.04. Its decimal value is 2910964.

Hex triplet	2c6af4	`#2c6af4`
RGB Decimal	44, 106, 244	`rgb(44,106,244)`
RGB Percent	17.3, 41.6, 95.7	`rgb(17.3%,41.6%,95.7%)`
CMYK	82, 57, 0, 4
HSL	221.4°, 90.1, 56.5	`hsl(221.4,90.1%,56.5%)`
HSV (or HSB)	221.4°, 82, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.727, 30.391, -74.521
XYZ	22.518, 17.373, 87.75
xyY	0.176, 0.136, 17.373
CIE-LCH	48.727, 80.48, 292.187
CIE-LUV	48.727, -20.892, -115.386
Hunter-Lab	41.681, 23.492, -95.643
Binary	00101100, 01101010, 11110100

#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#f4b62c
```
#f4b62c rgb(244,182,44)
```

Complementary Color

#2ccef4
```
#2ccef4 rgb(44,206,244)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```

Analogous Color

#cef42c
```
#cef42c rgb(206,244,44)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#f4522c
```
#f4522c rgb(244,82,44)
```

Split Complementary Color

#6af42c
```
#6af42c rgb(106,244,44)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#f42c6a
```
#f42c6a rgb(244,44,106)
```

Triadic Color

#2cf4b6
```
#2cf4b6 rgb(44,244,182)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#f42c6a
```
#f42c6a rgb(244,44,106)
```
#f4b62c
```
#f4b62c rgb(244,182,44)
```

Tetradic Color

#0a46c9
```
#0a46c9 rgb(10,70,201)
```
#0c4ee1
```
#0c4ee1 rgb(12,78,225)
```
#1459f3
```
#1459f3 rgb(20,89,243)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#447bf5
```
#447bf5 rgb(68,123,245)
```
#5c8cf7
```
#5c8cf7 rgb(92,140,247)
```
#759df8
```
#759df8 rgb(117,157,248)
```

Monochromatic Color

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

#2c9cf4
```
#2c9cf4 rgb(44,156,244)
```
#2c8bf4
```
#2c8bf4 rgb(44,139,244)
```
#2c7bf4
```
#2c7bf4 rgb(44,123,244)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#2c59f4
```
#2c59f4 rgb(44,89,244)
```
#2c49f4
```
#2c49f4 rgb(44,73,244)
```
#2c38f4
```
#2c38f4 rgb(44,56,244)
```

Similar Colors

Text with hexadecimal color #2c6af4

This text has a font color of #2c6af4.

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

#2c6af4 background color

This paragraph has a background color of #2c6af4.

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

#2c6af4 border color

This element has a border color of #2c6af4.

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

CSS codes

.text {color:#2c6af4;}

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

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

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

#01040d
```
#01040d rgb(1,4,13)
```
#020b1f
```
#020b1f rgb(2,11,31)
```
#031132
```
#031132 rgb(3,17,50)
```
#041845
```
#041845 rgb(4,24,69)
```
#051e57
```
#051e57 rgb(5,30,87)
```
#06256a
```
#06256a rgb(6,37,106)
```
#062b7d
```
#062b7d rgb(6,43,125)
```
#07328f
```
#07328f rgb(7,50,143)
```
#0838a2
```
#0838a2 rgb(8,56,162)
```
#093eb5
```
#093eb5 rgb(9,62,181)
```
#0a45c7
```
#0a45c7 rgb(10,69,199)
```
#0b4bda
```
#0b4bda rgb(11,75,218)
```
#0c52ec
```
#0c52ec rgb(12,82,236)
```

Shade Color Variation

#195df3
```
#195df3 rgb(25,93,243)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#3f77f5
```
#3f77f5 rgb(63,119,245)
```
#5184f6
```
#5184f6 rgb(81,132,246)
```
#6491f7
```
#6491f7 rgb(100,145,247)
```
#779ff8
```
#779ff8 rgb(119,159,248)
```
#89acf9
```
#89acf9 rgb(137,172,249)
```
#9cb9fa
```
#9cb9fa rgb(156,185,250)
```
#afc6fb
```
#afc6fb rgb(175,198,251)
```
#c1d3fc
```
#c1d3fc rgb(193,211,252)
```
#d4e0fd
```
#d4e0fd rgb(212,224,253)
```
#e6eefe
```
#e6eefe rgb(230,238,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#8a8e96
```
#8a8e96 rgb(138,142,150)
```
#818a9f
```
#818a9f rgb(129,138,159)
```
#7987a7
```
#7987a7 rgb(121,135,167)
```
#7084b0
```
#7084b0 rgb(112,132,176)
```
#6881b8
```
#6881b8 rgb(104,129,184)
```
#5f7dc1
```
#5f7dc1 rgb(95,125,193)
```
#577ac9
```
#577ac9 rgb(87,122,201)
```
#4e77d2
```
#4e77d2 rgb(78,119,210)
```
#4674da
```
#4674da rgb(70,116,218)
```
#3d70e3
```
#3d70e3 rgb(61,112,227)
```
#356deb
```
#356deb rgb(53,109,235)
```
#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#2367fd
```
#2367fd rgb(35,103,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#1072ed Protanomaly 1% of men, 0.01% of women
#1076da Deuteranomaly 6% of men, 0.4% of women
#107cb3 Tritanomaly 0.01% of the population

#2c6af4 hex color

#2c6af4 Color Information

#2c6af4 Color Conversion

Color Schemes with #2c6af4

Alternatives to #2c6af4

#2c6af4 Preview

Shades and Tints of #2c6af4

Tones of #2c6af4

Color Blindness Simulator