#2c6fac hex color

In a RGB color space, hex #2c6fac is composed of 17.3% red, 43.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 35.5% magenta, 0% yellow and 32.5% black. It has a hue angle of 208.6 degrees, a saturation of 59.3% and a lightness of 42.4%. #2c6fac color hex could be obtained by blending #58deff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 44
- B 67
RGB color chart
- C 74
- M 35
- Y 0
- K 33
CMYK color chart

● #2c6fac color description : Dark blue.

The hexadecimal color #2c6fac has RGB values of R:44, G:111, B:172 and CMYK values of C:0.74, M:0.35, Y:0, K:0.33. Its decimal value is 2912172.

Hex triplet	2c6fac	`#2c6fac`
RGB Decimal	44, 111, 172	`rgb(44,111,172)`
RGB Percent	17.3, 43.5, 67.5	`rgb(17.3%,43.5%,67.5%)`
CMYK	74, 35, 0, 33
HSL	208.6°, 59.3, 42.4	`hsl(208.6,59.3%,42.4%)`
HSV (or HSB)	208.6°, 74.4, 67.5
Web Safe	336699	`#336699`

CIE-LAB	45.472, 0.144, -38.617
XYZ	14.168, 14.882, 41.153
xyY	0.202, 0.212, 14.882
CIE-LCH	45.472, 38.618, 270.214
CIE-LUV	45.472, -24.114, -57.442
Hunter-Lab	38.577, -1.954, -36.246
Binary	00101100, 01101111, 10101100

#2c6fac
```
#2c6fac rgb(44,111,172)
```
#ac692c
```
#ac692c rgb(172,105,44)
```

Complementary Color

#2caca9
```
#2caca9 rgb(44,172,169)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#2c2fac
```
#2c2fac rgb(44,47,172)
```

Analogous Color

#aca92c
```
#aca92c rgb(172,169,44)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#ac2c2f
```
#ac2c2f rgb(172,44,47)
```

Split Complementary Color

#6fac2c
```
#6fac2c rgb(111,172,44)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#ac2c6f
```
#ac2c6f rgb(172,44,111)
```

Triadic Color

#2cac69
```
#2cac69 rgb(44,172,105)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#ac2c6f
```
#ac2c6f rgb(172,44,111)
```
#ac692c
```
#ac692c rgb(172,105,44)
```

Tetradic Color

#1c486f
```
#1c486f rgb(28,72,111)
```
#225583
```
#225583 rgb(34,85,131)
```
#276298
```
#276298 rgb(39,98,152)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#317cc0
```
#317cc0 rgb(49,124,192)
```
#3e89ce
```
#3e89ce rgb(62,137,206)
```
#5295d3
```
#5295d3 rgb(82,149,211)
```

Monochromatic Color

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

#2c8fac
```
#2c8fac rgb(44,143,172)
```
#2c84ac
```
#2c84ac rgb(44,132,172)
```
#2c7aac
```
#2c7aac rgb(44,122,172)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#2c64ac
```
#2c64ac rgb(44,100,172)
```
#2c5aac
```
#2c5aac rgb(44,90,172)
```
#2c4fac
```
#2c4fac rgb(44,79,172)
```

Similar Colors

Text with hexadecimal color #2c6fac

This text has a font color of #2c6fac.

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

#2c6fac background color

This paragraph has a background color of #2c6fac.

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

#2c6fac border color

This element has a border color of #2c6fac.

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

CSS codes

.text {color:#2c6fac;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#08141f
```
#08141f rgb(8,20,31)
```
#0c1e2f
```
#0c1e2f rgb(12,30,47)
```
#10283f
```
#10283f rgb(16,40,63)
```
#14334e
```
#14334e rgb(20,51,78)
```
#183d5e
```
#183d5e rgb(24,61,94)
```
#1c476e
```
#1c476e rgb(28,71,110)
```
#20517d
```
#20517d rgb(32,81,125)
```
#245b8d
```
#245b8d rgb(36,91,141)
```
#28659c
```
#28659c rgb(40,101,156)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#3079bc
```
#3079bc rgb(48,121,188)
```

Shade Color Variation

#3483cb
```
#3483cb rgb(52,131,203)
```
#448dcf
```
#448dcf rgb(68,141,207)
```
#5396d3
```
#5396d3 rgb(83,150,211)
```
#63a0d7
```
#63a0d7 rgb(99,160,215)
```
#73a9db
```
#73a9db rgb(115,169,219)
```
#82b3df
```
#82b3df rgb(130,179,223)
```
#92bce3
```
#92bce3 rgb(146,188,227)
```
#a1c6e7
```
#a1c6e7 rgb(161,198,231)
```
#b1cfeb
```
#b1cfeb rgb(177,207,235)
```
#c1d9ef
```
#c1d9ef rgb(193,217,239)
```
#d0e3f3
```
#d0e3f3 rgb(208,227,243)
```
#e0ecf7
```
#e0ecf7 rgb(224,236,247)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666c72 is the less saturated color, while #0271d6 is the most saturated one.

#666c72
```
#666c72 rgb(102,108,114)
```
#5e6d7a
```
#5e6d7a rgb(94,109,122)
```
#566d82
```
#566d82 rgb(86,109,130)
```
#4d6d8b
```
#4d6d8b rgb(77,109,139)
```
#456e93
```
#456e93 rgb(69,110,147)
```
#3d6e9b
```
#3d6e9b rgb(61,110,155)
```
#346fa4
```
#346fa4 rgb(52,111,164)
```
#2c6fac
```
#2c6fac rgb(44,111,172)
```
#246fb4
```
#246fb4 rgb(36,111,180)
```
#1b70bd
```
#1b70bd rgb(27,112,189)
```
#1370c5
```
#1370c5 rgb(19,112,197)
```
#0b71cd
```
#0b71cd rgb(11,113,205)
```
#0271d6
```
#0271d6 rgb(2,113,214)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b71ac Protanopia 1% of men
#4b73b1 Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#4a70ac Protanomaly 1% of men, 0.01% of women
#3f71af Deuteranomaly 6% of men, 0.4% of women
#107894 Tritanomaly 0.01% of the population

#2c6fac hex color

#2c6fac Color Information

#2c6fac Color Conversion

Color Schemes with #2c6fac

Alternatives to #2c6fac

#2c6fac Preview

Shades and Tints of #2c6fac

Tones of #2c6fac

Color Blindness Simulator