#2c6282 hex color

In a RGB color space, hex #2c6282 is composed of 17.3% red, 38.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 24.6% magenta, 0% yellow and 49% black. It has a hue angle of 202.3 degrees, a saturation of 49.4% and a lightness of 34.1%. #2c6282 color hex could be obtained by blending #58c4ff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 38
- B 51
RGB color chart
- C 66
- M 25
- Y 0
- K 49
CMYK color chart

● #2c6282 color description : Dark moderate blue.

The hexadecimal color #2c6282 has RGB values of R:44, G:98, B:130 and CMYK values of C:0.66, M:0.25, Y:0, K:0.49. Its decimal value is 2908802.

Hex triplet	2c6282	`#2c6282`
RGB Decimal	44, 98, 130	`rgb(44,98,130)`
RGB Percent	17.3, 38.4, 51	`rgb(17.3%,38.4%,51%)`
CMYK	66, 25, 0, 49
HSL	202.3°, 49.4, 34.1	`hsl(202.3,49.4%,34.1%)`
HSV (or HSB)	202.3°, 66.2, 51
Web Safe	336699	`#336699`

CIE-LAB	39.381, -7.202, -23.144
XYZ	9.435, 10.882, 22.721
xyY	0.219, 0.253, 10.882
CIE-LCH	39.381, 24.238, 252.714
CIE-LUV	39.381, -21.059, -31.57
Hunter-Lab	32.988, -6.676, -17.746
Binary	00101100, 01100010, 10000010

#2c6282
```
#2c6282 rgb(44,98,130)
```
#824c2c
```
#824c2c rgb(130,76,44)
```

Complementary Color

#2c8277
```
#2c8277 rgb(44,130,119)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#2c3782
```
#2c3782 rgb(44,55,130)
```

Analogous Color

#82772c
```
#82772c rgb(130,119,44)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#822c37
```
#822c37 rgb(130,44,55)
```

Split Complementary Color

#62822c
```
#62822c rgb(98,130,44)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#822c62
```
#822c62 rgb(130,44,98)
```

Triadic Color

#2c824c
```
#2c824c rgb(44,130,76)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#822c62
```
#822c62 rgb(130,44,98)
```
#824c2c
```
#824c2c rgb(130,76,44)
```

Tetradic Color

#193749
```
#193749 rgb(25,55,73)
```
#1f455c
```
#1f455c rgb(31,69,92)
```
#26546f
```
#26546f rgb(38,84,111)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#327095
```
#327095 rgb(50,112,149)
```
#397fa8
```
#397fa8 rgb(57,127,168)
```
#3f8dbb
```
#3f8dbb rgb(63,141,187)
```

Monochromatic Color

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

#2c7882
```
#2c7882 rgb(44,120,130)
```
#2c7082
```
#2c7082 rgb(44,112,130)
```
#2c6982
```
#2c6982 rgb(44,105,130)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#2c5b82
```
#2c5b82 rgb(44,91,130)
```
#2c5482
```
#2c5482 rgb(44,84,130)
```
#2c4d82
```
#2c4d82 rgb(44,77,130)
```

Similar Colors

Text with hexadecimal color #2c6282

This text has a font color of #2c6282.

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

#2c6282 background color

This paragraph has a background color of #2c6282.

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

#2c6282 border color

This element has a border color of #2c6282.

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

CSS codes

.text {color:#2c6282;}

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

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

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

#040a0d
```
#040a0d rgb(4,10,13)
```
#09151b
```
#09151b rgb(9,21,27)
```
#0e202a
```
#0e202a rgb(14,32,42)
```
#132b39
```
#132b39 rgb(19,43,57)
```
#183647
```
#183647 rgb(24,54,71)
```
#1d4156
```
#1d4156 rgb(29,65,86)
```
#224c65
```
#224c65 rgb(34,76,101)
```
#275773
```
#275773 rgb(39,87,115)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#316d91
```
#316d91 rgb(49,109,145)
```
#36789f
```
#36789f rgb(54,120,159)
```
#3b83ae
```
#3b83ae rgb(59,131,174)
```
#408ebd
```
#408ebd rgb(64,142,189)
```

Shade Color Variation

#4d97c3
```
#4d97c3 rgb(77,151,195)
```
#5ca0c8
```
#5ca0c8 rgb(92,160,200)
```
#6ba8cd
```
#6ba8cd rgb(107,168,205)
```
#79b1d2
```
#79b1d2 rgb(121,177,210)
```
#88b9d7
```
#88b9d7 rgb(136,185,215)
```
#97c2dc
```
#97c2dc rgb(151,194,220)
```
#a5cae1
```
#a5cae1 rgb(165,202,225)
```
#b4d3e6
```
#b4d3e6 rgb(180,211,230)
```
#c2dceb
```
#c2dceb rgb(194,220,235)
```
#d1e4ef
```
#d1e4ef rgb(209,228,239)
```
#e0edf4
```
#e0edf4 rgb(224,237,244)
```
#eef5f9
```
#eef5f9 rgb(238,245,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54585a is the less saturated color, while #046caa is the most saturated one.

#54585a
```
#54585a rgb(84,88,90)
```
#4d5961
```
#4d5961 rgb(77,89,97)
```
#475b67
```
#475b67 rgb(71,91,103)
```
#405d6e
```
#405d6e rgb(64,93,110)
```
#395f75
```
#395f75 rgb(57,95,117)
```
#33607b
```
#33607b rgb(51,96,123)
```
#2c6282
```
#2c6282 rgb(44,98,130)
```
#256489
```
#256489 rgb(37,100,137)
```
#1f658f
```
#1f658f rgb(31,101,143)
```
#186796
```
#186796 rgb(24,103,150)
```
#11699d
```
#11699d rgb(17,105,157)
```
#0b6ba3
```
#0b6ba3 rgb(11,107,163)
```
#046caa
```
#046caa rgb(4,108,170)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6484 Protanopia 1% of men
#56648a Deuteranopia 1% of men
#2a6d75 Tritanopia 0.001% of the population

Trichromacy

#4a6383 Protanomaly 1% of men, 0.01% of women
#476387 Deuteranomaly 6% of men, 0.4% of women
#2a697a Tritanomaly 0.01% of the population

#2c6282 hex color

#2c6282 Color Information

#2c6282 Color Conversion

Color Schemes with #2c6282

Alternatives to #2c6282

#2c6282 Preview

Shades and Tints of #2c6282

Tones of #2c6282

Color Blindness Simulator