#2c6fa6 hex color

In a RGB color space, hex #2c6fa6 is composed of 17.3% red, 43.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 33.1% magenta, 0% yellow and 34.9% black. It has a hue angle of 207 degrees, a saturation of 58.1% and a lightness of 41.2%. #2c6fa6 color hex could be obtained by blending #58deff with #00004d. Closest websafe color is: #336699.

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

● #2c6fa6 color description : Dark blue.

The hexadecimal color #2c6fa6 has RGB values of R:44, G:111, B:166 and CMYK values of C:0.73, M:0.33, Y:0, K:0.35. Its decimal value is 2912166.

Hex triplet	2c6fa6	`#2c6fa6`
RGB Decimal	44, 111, 166	`rgb(44,111,166)`
RGB Percent	17.3, 43.5, 65.1	`rgb(17.3%,43.5%,65.1%)`
CMYK	73, 33, 0, 35
HSL	207°, 58.1, 41.2	`hsl(207,58.1%,41.2%)`
HSV (or HSB)	207°, 73.5, 65.1
Web Safe	336699	`#336699`

CIE-LAB	45.16, -2.073, -35.593
XYZ	13.604, 14.656, 38.186
xyY	0.205, 0.221, 14.656
CIE-LCH	45.16, 35.653, 266.666
CIE-LUV	45.16, -24.347, -52.427
Hunter-Lab	38.284, -3.565, -32.34
Binary	00101100, 01101111, 10100110

#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#a6632c
```
#a6632c rgb(166,99,44)
```

Complementary Color

#2ca6a0
```
#2ca6a0 rgb(44,166,160)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#2c32a6
```
#2c32a6 rgb(44,50,166)
```

Analogous Color

#a6a02c
```
#a6a02c rgb(166,160,44)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#a62c32
```
#a62c32 rgb(166,44,50)
```

Split Complementary Color

#6fa62c
```
#6fa62c rgb(111,166,44)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#a62c6f
```
#a62c6f rgb(166,44,111)
```

Triadic Color

#2ca663
```
#2ca663 rgb(44,166,99)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#a62c6f
```
#a62c6f rgb(166,44,111)
```
#a6632c
```
#a6632c rgb(166,99,44)
```

Tetradic Color

#1c476a
```
#1c476a rgb(28,71,106)
```
#21547e
```
#21547e rgb(33,84,126)
```
#276292
```
#276292 rgb(39,98,146)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#317cba
```
#317cba rgb(49,124,186)
```
#3a8acb
```
#3a8acb rgb(58,138,203)
```
#4e96d0
```
#4e96d0 rgb(78,150,208)
```

Monochromatic Color

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

#2c8ea6
```
#2c8ea6 rgb(44,142,166)
```
#2c83a6
```
#2c83a6 rgb(44,131,166)
```
#2c79a6
```
#2c79a6 rgb(44,121,166)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#2c65a6
```
#2c65a6 rgb(44,101,166)
```
#2c5ba6
```
#2c5ba6 rgb(44,91,166)
```
#2c51a6
```
#2c51a6 rgb(44,81,166)
```

Similar Colors

Text with hexadecimal color #2c6fa6

This text has a font color of #2c6fa6.

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

#2c6fa6 background color

This paragraph has a background color of #2c6fa6.

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

#2c6fa6 border color

This element has a border color of #2c6fa6.

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

CSS codes

.text {color:#2c6fa6;}

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

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

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, #03070b is the darkest color, while #fafcfe is the lightest one.

#03070b
```
#03070b rgb(3,7,11)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0b1c2a
```
#0b1c2a rgb(11,28,42)
```
#0f2639
```
#0f2639 rgb(15,38,57)
```
#133149
```
#133149 rgb(19,49,73)
```
#173b58
```
#173b58 rgb(23,59,88)
```
#1c4668
```
#1c4668 rgb(28,70,104)
```
#205077
```
#205077 rgb(32,80,119)
```
#245a87
```
#245a87 rgb(36,90,135)
```
#286596
```
#286596 rgb(40,101,150)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#3079b6
```
#3079b6 rgb(48,121,182)
```
#3484c5
```
#3484c5 rgb(52,132,197)
```

Shade Color Variation

#408dcc
```
#408dcc rgb(64,141,204)
```
#5097d1
```
#5097d1 rgb(80,151,209)
```
#5fa0d5
```
#5fa0d5 rgb(95,160,213)
```
#6fa9d9
```
#6fa9d9 rgb(111,169,217)
```
#7eb2dd
```
#7eb2dd rgb(126,178,221)
```
#8ebce1
```
#8ebce1 rgb(142,188,225)
```
#9dc5e5
```
#9dc5e5 rgb(157,197,229)
```
#adcee9
```
#adcee9 rgb(173,206,233)
```
#bcd7ed
```
#bcd7ed rgb(188,215,237)
```
#cce1f1
```
#cce1f1 rgb(204,225,241)
```
#dbeaf6
```
#dbeaf6 rgb(219,234,246)
```
#ebf3fa
```
#ebf3fa rgb(235,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65696d is the less saturated color, while #0473ce is the most saturated one.

#65696d
```
#65696d rgb(101,105,109)
```
#5c6a76
```
#5c6a76 rgb(92,106,118)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#4c6c86
```
#4c6c86 rgb(76,108,134)
```
#446d8e
```
#446d8e rgb(68,109,142)
```
#3c6d96
```
#3c6d96 rgb(60,109,150)
```
#346e9e
```
#346e9e rgb(52,110,158)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#2470ae
```
#2470ae rgb(36,112,174)
```
#1c71b6
```
#1c71b6 rgb(28,113,182)
```
#1471be
```
#1471be rgb(20,113,190)
```
#0c72c6
```
#0c72c6 rgb(12,114,198)
```
#0473ce
```
#0473ce rgb(4,115,206)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#56646f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e70a6 Protanopia 1% of men
#5072ac Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#4c70a6 Protanomaly 1% of men, 0.01% of women
#4371a9 Deuteranomaly 6% of men, 0.4% of women
#107892 Tritanomaly 0.01% of the population

#2c6fa6 hex color

#2c6fa6 Color Information

#2c6fa6 Color Conversion

Color Schemes with #2c6fa6

Alternatives to #2c6fa6

#2c6fa6 Preview

Shades and Tints of #2c6fa6

Tones of #2c6fa6

Color Blindness Simulator