#2c6f96 hex color

In a RGB color space, hex #2c6f96 is composed of 17.3% red, 43.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 26% magenta, 0% yellow and 41.2% black. It has a hue angle of 202.1 degrees, a saturation of 54.6% and a lightness of 38%. #2c6f96 color hex could be obtained by blending #58deff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 44
- B 59
RGB color chart
- C 71
- M 26
- Y 0
- K 41
CMYK color chart

● #2c6f96 color description : Dark blue.

The hexadecimal color #2c6f96 has RGB values of R:44, G:111, B:150 and CMYK values of C:0.71, M:0.26, Y:0, K:0.41. Its decimal value is 2912150.

Hex triplet	2c6f96	`#2c6f96`
RGB Decimal	44, 111, 150	`rgb(44,111,150)`
RGB Percent	17.3, 43.5, 58.8	`rgb(17.3%,43.5%,58.8%)`
CMYK	71, 26, 0, 41
HSL	202.1°, 54.6, 38	`hsl(202.1,54.6%,38%)`
HSV (or HSB)	202.1°, 70.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.384, -7.871, -27.364
XYZ	12.227, 14.105, 30.931
xyY	0.214, 0.246, 14.105
CIE-LCH	44.384, 28.474, 253.952
CIE-LUV	44.384, -25.02, -38.867
Hunter-Lab	37.557, -7.614, -22.539
Binary	00101100, 01101111, 10010110

#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#96532c
```
#96532c rgb(150,83,44)
```

Complementary Color

#2c9688
```
#2c9688 rgb(44,150,136)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#2c3a96
```
#2c3a96 rgb(44,58,150)
```

Analogous Color

#96882c
```
#96882c rgb(150,136,44)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#962c3a
```
#962c3a rgb(150,44,58)
```

Split Complementary Color

#6f962c
```
#6f962c rgb(111,150,44)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#962c6f
```
#962c6f rgb(150,44,111)
```

Triadic Color

#2c9653
```
#2c9653 rgb(44,150,83)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#962c6f
```
#962c6f rgb(150,44,111)
```
#96532c
```
#96532c rgb(150,83,44)
```

Tetradic Color

#1b435b
```
#1b435b rgb(27,67,91)
```
#20526f
```
#20526f rgb(32,82,111)
```
#266082
```
#266082 rgb(38,96,130)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#327eaa
```
#327eaa rgb(50,126,170)
```
#388cbd
```
#388cbd rgb(56,140,189)
```
#4699c9
```
#4699c9 rgb(70,153,201)
```

Monochromatic Color

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

#2c8a96
```
#2c8a96 rgb(44,138,150)
```
#2c8196
```
#2c8196 rgb(44,129,150)
```
#2c7896
```
#2c7896 rgb(44,120,150)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#2c6696
```
#2c6696 rgb(44,102,150)
```
#2c5d96
```
#2c5d96 rgb(44,93,150)
```
#2c5596
```
#2c5596 rgb(44,85,150)
```

Similar Colors

Text with hexadecimal color #2c6f96

This text has a font color of #2c6f96.

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

#2c6f96 background color

This paragraph has a background color of #2c6f96.

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

#2c6f96 border color

This element has a border color of #2c6f96.

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

CSS codes

.text {color:#2c6f96;}

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

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

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, #040a0e is the darkest color, while #fdfeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#08151d
```
#08151d rgb(8,21,29)
```
#0d202c
```
#0d202c rgb(13,32,44)
```
#112c3b
```
#112c3b rgb(17,44,59)
```
#16374a
```
#16374a rgb(22,55,74)
```
#1a4259
```
#1a4259 rgb(26,66,89)
```
#1f4d69
```
#1f4d69 rgb(31,77,105)
```
#235978
```
#235978 rgb(35,89,120)
```
#286487
```
#286487 rgb(40,100,135)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#307aa5
```
#307aa5 rgb(48,122,165)
```
#3585b4
```
#3585b4 rgb(53,133,180)
```
#3991c3
```
#3991c3 rgb(57,145,195)
```

Shade Color Variation

#4799c9
```
#4799c9 rgb(71,153,201)
```
#57a2ce
```
#57a2ce rgb(87,162,206)
```
#66aad2
```
#66aad2 rgb(102,170,210)
```
#75b3d6
```
#75b3d6 rgb(117,179,214)
```
#84bbdb
```
#84bbdb rgb(132,187,219)
```
#93c3df
```
#93c3df rgb(147,195,223)
```
#a2cce4
```
#a2cce4 rgb(162,204,228)
```
#b2d4e8
```
#b2d4e8 rgb(178,212,232)
```
#c1dded
```
#c1dded rgb(193,221,237)
```
#d0e5f1
```
#d0e5f1 rgb(208,229,241)
```
#dfedf6
```
#dfedf6 rgb(223,237,246)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606162 is the less saturated color, while #0779bb is the most saturated one.

#606162
```
#606162 rgb(96,97,98)
```
#596369
```
#596369 rgb(89,99,105)
```
#516571
```
#516571 rgb(81,101,113)
```
#4a6778
```
#4a6778 rgb(74,103,120)
```
#426980
```
#426980 rgb(66,105,128)
```
#3b6b87
```
#3b6b87 rgb(59,107,135)
```
#336d8f
```
#336d8f rgb(51,109,143)
```
#2c6f96
```
#2c6f96 rgb(44,111,150)
```
#25719d
```
#25719d rgb(37,113,157)
```
#1d73a5
```
#1d73a5 rgb(29,115,165)
```
#1675ac
```
#1675ac rgb(22,117,172)
```
#0e77b4
```
#0e77b4 rgb(14,119,180)
```
#0779bb
```
#0779bb rgb(7,121,187)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#55626a Atypical Achromatopsia 0.001% of the population

Dichromacy

#646f96 Protanopia 1% of men
#5d6f9e Deuteranopia 1% of men
#217b84 Tritanopia 0.001% of the population

Trichromacy

#4f6f96 Protanomaly 1% of men, 0.01% of women
#4b6f9b Deuteranomaly 6% of men, 0.4% of women
#25768a Tritanomaly 0.01% of the population

#2c6f96 hex color

#2c6f96 Color Information

#2c6f96 Color Conversion

Color Schemes with #2c6f96

Alternatives to #2c6f96

#2c6f96 Preview

Shades and Tints of #2c6f96

Tones of #2c6f96

Color Blindness Simulator