#2c6fcc hex color

In a RGB color space, hex #2c6fcc is composed of 17.3% red, 43.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 45.6% magenta, 0% yellow and 20% black. It has a hue angle of 214.9 degrees, a saturation of 64.5% and a lightness of 48.6%. #2c6fcc color hex could be obtained by blending #58deff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 44
- B 80
RGB color chart
- C 78
- M 46
- Y 0
- K 20
CMYK color chart

● #2c6fcc color description : Strong blue.

The hexadecimal color #2c6fcc has RGB values of R:44, G:111, B:204 and CMYK values of C:0.78, M:0.46, Y:0, K:0.2. Its decimal value is 2912204.

Hex triplet	2c6fcc	`#2c6fcc`
RGB Decimal	44, 111, 204	`rgb(44,111,204)`
RGB Percent	17.3, 43.5, 80	`rgb(17.3%,43.5%,80%)`
CMYK	78, 46, 0, 20
HSL	214.9°, 64.5, 48.6	`hsl(214.9,64.5%,48.6%)`
HSV (or HSB)	214.9°, 78.4, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.317, 12.177, -54.192
XYZ	17.62, 16.263, 59.334
xyY	0.189, 0.174, 16.263
CIE-LCH	47.317, 55.543, 282.664
CIE-LUV	47.317, -23.067, -83.263
Hunter-Lab	40.327, 7.419, -59.006
Binary	00101100, 01101111, 11001100

#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#cc892c
```
#cc892c rgb(204,137,44)
```

Complementary Color

#2cbfcc
```
#2cbfcc rgb(44,191,204)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#392ccc
```
#392ccc rgb(57,44,204)
```

Analogous Color

#bfcc2c
```
#bfcc2c rgb(191,204,44)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#cc392c
```
#cc392c rgb(204,57,44)
```

Split Complementary Color

#6fcc2c
```
#6fcc2c rgb(111,204,44)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#cc2c6f
```
#cc2c6f rgb(204,44,111)
```

Triadic Color

#2ccc89
```
#2ccc89 rgb(44,204,137)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#cc2c6f
```
#cc2c6f rgb(204,44,111)
```
#cc892c
```
#cc892c rgb(204,137,44)
```

Tetradic Color

#1e4d8d
```
#1e4d8d rgb(30,77,141)
```
#2358a2
```
#2358a2 rgb(35,88,162)
```
#2764b7
```
#2764b7 rgb(39,100,183)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#3c7cd5
```
#3c7cd5 rgb(60,124,213)
```
#518ada
```
#518ada rgb(81,138,218)
```
#6699de
```
#6699de rgb(102,153,222)
```

Monochromatic Color

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

#2c97cc
```
#2c97cc rgb(44,151,204)
```
#2c8acc
```
#2c8acc rgb(44,138,204)
```
#2c7ccc
```
#2c7ccc rgb(44,124,204)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#2c62cc
```
#2c62cc rgb(44,98,204)
```
#2c54cc
```
#2c54cc rgb(44,84,204)
```
#2c47cc
```
#2c47cc rgb(44,71,204)
```

Similar Colors

Text with hexadecimal color #2c6fcc

This text has a font color of #2c6fcc.

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

#2c6fcc background color

This paragraph has a background color of #2c6fcc.

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

#2c6fcc border color

This element has a border color of #2c6fcc.

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

CSS codes

.text {color:#2c6fcc;}

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

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

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

#02060a
```
#02060a rgb(2,6,10)
```
#060e1b
```
#060e1b rgb(6,14,27)
```
#09172b
```
#09172b rgb(9,23,43)
```
#0d203b
```
#0d203b rgb(13,32,59)
```
#10294b
```
#10294b rgb(16,41,75)
```
#14325b
```
#14325b rgb(20,50,91)
```
#173a6b
```
#173a6b rgb(23,58,107)
```
#1b437b
```
#1b437b rgb(27,67,123)
```
#1e4c8b
```
#1e4c8b rgb(30,76,139)
```
#22559c
```
#22559c rgb(34,85,156)
```
#255dac
```
#255dac rgb(37,93,172)
```
#2966bc
```
#2966bc rgb(41,102,188)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```

Shade Color Variation

#3879d4
```
#3879d4 rgb(56,121,212)
```
#4884d7
```
#4884d7 rgb(72,132,215)
```
#588fdb
```
#588fdb rgb(88,143,219)
```
#689ade
```
#689ade rgb(104,154,222)
```
#78a4e2
```
#78a4e2 rgb(120,164,226)
```
#88afe5
```
#88afe5 rgb(136,175,229)
```
#98bae9
```
#98bae9 rgb(152,186,233)
```
#a9c5ec
```
#a9c5ec rgb(169,197,236)
```
#b9d0f0
```
#b9d0f0 rgb(185,208,240)
```
#c9dbf3
```
#c9dbf3 rgb(201,219,243)
```
#d9e5f7
```
#d9e5f7 rgb(217,229,247)
```
#e9f0fa
```
#e9f0fa rgb(233,240,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #0669f2 is the most saturated one.

#787b80
```
#787b80 rgb(120,123,128)
```
#6f7a89
```
#6f7a89 rgb(111,122,137)
```
#657893
```
#657893 rgb(101,120,147)
```
#5c779c
```
#5c779c rgb(92,119,156)
```
#5275a6
```
#5275a6 rgb(82,117,166)
```
#4974af
```
#4974af rgb(73,116,175)
```
#3f72b9
```
#3f72b9 rgb(63,114,185)
```
#3671c2
```
#3671c2 rgb(54,113,194)
```
#2c6fcc
```
#2c6fcc rgb(44,111,204)
```
#226dd6
```
#226dd6 rgb(34,109,214)
```
#196cdf
```
#196cdf rgb(25,108,223)
```
#0f6ae9
```
#0f6ae9 rgb(15,106,233)
```
#0669f2
```
#0669f2 rgb(6,105,242)
```

Tone Color Variation

Below, you can see how #2c6fcc 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
#5a687a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4774cd Protanopia 1% of men
#0079ca Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#3d72cc Protanomaly 1% of men, 0.01% of women
#1075cb Deuteranomaly 6% of men, 0.4% of women
#107ba3 Tritanomaly 0.01% of the population

#2c6fcc hex color

#2c6fcc Color Information

#2c6fcc Color Conversion

Color Schemes with #2c6fcc

Alternatives to #2c6fcc

#2c6fcc Preview

Shades and Tints of #2c6fcc

Tones of #2c6fcc

Color Blindness Simulator