#2c6096 hex color

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

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

● #2c6096 color description : Dark blue.

The hexadecimal color #2c6096 has RGB values of R:44, G:96, B:150 and CMYK values of C:0.71, M:0.36, Y:0, K:0.41. Its decimal value is 2908310.

Hex triplet	2c6096	`#2c6096`
RGB Decimal	44, 96, 150	`rgb(44,96,150)`
RGB Percent	17.3, 37.6, 58.8	`rgb(17.3%,37.6%,58.8%)`
CMYK	71, 36, 0, 41
HSL	210.6°, 54.6, 38	`hsl(210.6,54.6%,38%)`
HSV (or HSB)	210.6°, 70.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	39.752, 1.305, -34.636
XYZ	10.725, 11.102, 30.43
xyY	0.205, 0.212, 11.102
CIE-LCH	39.752, 34.661, 272.157
CIE-LUV	39.752, -19.684, -49.746
Hunter-Lab	33.32, -0.854, -30.823
Binary	00101100, 01100000, 10010110

#2c6096
```
#2c6096 rgb(44,96,150)
```
#96622c
```
#96622c rgb(150,98,44)
```

Complementary Color

#2c9596
```
#2c9596 rgb(44,149,150)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#2d2c96
```
#2d2c96 rgb(45,44,150)
```

Analogous Color

#95962c
```
#95962c rgb(149,150,44)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#962d2c
```
#962d2c rgb(150,45,44)
```

Split Complementary Color

#60962c
```
#60962c rgb(96,150,44)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#962c60
```
#962c60 rgb(150,44,96)
```

Triadic Color

#2c9662
```
#2c9662 rgb(44,150,98)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#962c60
```
#962c60 rgb(150,44,96)
```
#96622c
```
#96622c rgb(150,98,44)
```

Tetradic Color

#1b3a5b
```
#1b3a5b rgb(27,58,91)
```
#20476f
```
#20476f rgb(32,71,111)
```
#265382
```
#265382 rgb(38,83,130)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#326daa
```
#326daa rgb(50,109,170)
```
#3879bd
```
#3879bd rgb(56,121,189)
```
#4686c9
```
#4686c9 rgb(70,134,201)
```

Monochromatic Color

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

#2c7b96
```
#2c7b96 rgb(44,123,150)
```
#2c7296
```
#2c7296 rgb(44,114,150)
```
#2c6996
```
#2c6996 rgb(44,105,150)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#2c5796
```
#2c5796 rgb(44,87,150)
```
#2c4e96
```
#2c4e96 rgb(44,78,150)
```
#2c4696
```
#2c4696 rgb(44,70,150)
```

Similar Colors

Text with hexadecimal color #2c6096

This text has a font color of #2c6096.

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

#2c6096 background color

This paragraph has a background color of #2c6096.

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

#2c6096 border color

This element has a border color of #2c6096.

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

CSS codes

.text {color:#2c6096;}

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

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

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

#04090e
```
#04090e rgb(4,9,14)
```
#08121d
```
#08121d rgb(8,18,29)
```
#0d1c2c
```
#0d1c2c rgb(13,28,44)
```
#11263b
```
#11263b rgb(17,38,59)
```
#162f4a
```
#162f4a rgb(22,47,74)
```
#1a3959
```
#1a3959 rgb(26,57,89)
```
#1f4369
```
#1f4369 rgb(31,67,105)
```
#234d78
```
#234d78 rgb(35,77,120)
```
#285687
```
#285687 rgb(40,86,135)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#306aa5
```
#306aa5 rgb(48,106,165)
```
#3573b4
```
#3573b4 rgb(53,115,180)
```
#397dc3
```
#397dc3 rgb(57,125,195)
```

Shade Color Variation

#4787c9
```
#4787c9 rgb(71,135,201)
```
#5791ce
```
#5791ce rgb(87,145,206)
```
#669bd2
```
#669bd2 rgb(102,155,210)
```
#75a5d6
```
#75a5d6 rgb(117,165,214)
```
#84afdb
```
#84afdb rgb(132,175,219)
```
#93b9df
```
#93b9df rgb(147,185,223)
```
#a2c2e4
```
#a2c2e4 rgb(162,194,228)
```
#b2cce8
```
#b2cce8 rgb(178,204,232)
```
#c1d6ed
```
#c1d6ed rgb(193,214,237)
```
#d0e0f1
```
#d0e0f1 rgb(208,224,241)
```
#dfeaf6
```
#dfeaf6 rgb(223,234,246)
```
#eef4fa
```
#eef4fa rgb(238,244,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 #075fbb is the most saturated one.

#606162
```
#606162 rgb(96,97,98)
```
#596169
```
#596169 rgb(89,97,105)
```
#516171
```
#516171 rgb(81,97,113)
```
#4a6178
```
#4a6178 rgb(74,97,120)
```
#426080
```
#426080 rgb(66,96,128)
```
#3b6087
```
#3b6087 rgb(59,96,135)
```
#33608f
```
#33608f rgb(51,96,143)
```
#2c6096
```
#2c6096 rgb(44,96,150)
```
#25609d
```
#25609d rgb(37,96,157)
```
#1d60a5
```
#1d60a5 rgb(29,96,165)
```
#1660ac
```
#1660ac rgb(22,96,172)
```
#0e5fb4
```
#0e5fb4 rgb(14,95,180)
```
#075fbb
```
#075fbb rgb(7,95,187)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516498 Protanopia 1% of men
#43669c Deuteranopia 1% of men
#0a6f78 Tritanopia 0.001% of the population

Trichromacy

#436297 Protanomaly 1% of men, 0.01% of women
#3b649a Deuteranomaly 6% of men, 0.4% of women
#166a82 Tritanomaly 0.01% of the population

#2c6096 hex color

#2c6096 Color Information

#2c6096 Color Conversion

Color Schemes with #2c6096

Alternatives to #2c6096

#2c6096 Preview

Shades and Tints of #2c6096

Tones of #2c6096

Color Blindness Simulator