#2c6276 hex color

In a RGB color space, hex #2c6276 is composed of 17.3% red, 38.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 16.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 196.2 degrees, a saturation of 45.7% and a lightness of 31.8%. #2c6276 color hex could be obtained by blending #58c4ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 38
- B 46
RGB color chart
- C 63
- M 17
- Y 0
- K 54
CMYK color chart

● #2c6276 color description : Dark moderate blue.

The hexadecimal color #2c6276 has RGB values of R:44, G:98, B:118 and CMYK values of C:0.63, M:0.17, Y:0, K:0.54. Its decimal value is 2908790.

Hex triplet	2c6276	`#2c6276`
RGB Decimal	44, 98, 118	`rgb(44,98,118)`
RGB Percent	17.3, 38.4, 46.3	`rgb(17.3%,38.4%,46.3%)`
CMYK	63, 17, 0, 54
HSL	196.2°, 45.7, 31.8	`hsl(196.2,45.7%,31.8%)`
HSV (or HSB)	196.2°, 62.7, 46.3
Web Safe	336666	`#336666`

CIE-LAB	38.861, -11.344, -16.629
XYZ	8.676, 10.578, 18.723
xyY	0.228, 0.279, 10.578
CIE-LCH	38.861, 20.13, 235.698
CIE-LUV	38.861, -21.514, -21.421
Hunter-Lab	32.524, -9.304, -11.364
Binary	00101100, 01100010, 01110110

#2c6276
```
#2c6276 rgb(44,98,118)
```
#76402c
```
#76402c rgb(118,64,44)
```

Complementary Color

#2c7665
```
#2c7665 rgb(44,118,101)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#2c3d76
```
#2c3d76 rgb(44,61,118)
```

Analogous Color

#76652c
```
#76652c rgb(118,101,44)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#762c3d
```
#762c3d rgb(118,44,61)
```

Split Complementary Color

#62762c
```
#62762c rgb(98,118,44)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#762c62
```
#762c62 rgb(118,44,98)
```

Triadic Color

#2c7640
```
#2c7640 rgb(44,118,64)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#762c62
```
#762c62 rgb(118,44,98)
```
#76402c
```
#76402c rgb(118,64,44)
```

Tetradic Color

#17343e
```
#17343e rgb(23,52,62)
```
#1e4351
```
#1e4351 rgb(30,67,81)
```
#255363
```
#255363 rgb(37,83,99)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#337189
```
#337189 rgb(51,113,137)
```
#3a819b
```
#3a819b rgb(58,129,155)
```
#4190ae
```
#4190ae rgb(65,144,174)
```

Monochromatic Color

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

#2c7576
```
#2c7576 rgb(44,117,118)
```
#2c6e76
```
#2c6e76 rgb(44,110,118)
```
#2c6876
```
#2c6876 rgb(44,104,118)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#2c5c76
```
#2c5c76 rgb(44,92,118)
```
#2c5676
```
#2c5676 rgb(44,86,118)
```
#2c5076
```
#2c5076 rgb(44,80,118)
```

Similar Colors

Text with hexadecimal color #2c6276

This text has a font color of #2c6276.

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

#2c6276 background color

This paragraph has a background color of #2c6276.

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

#2c6276 border color

This element has a border color of #2c6276.

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

CSS codes

.text {color:#2c6276;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0c1b20
```
#0c1b20 rgb(12,27,32)
```
#11272f
```
#11272f rgb(17,39,47)
```
#17333d
```
#17333d rgb(23,51,61)
```
#1c3e4b
```
#1c3e4b rgb(28,62,75)
```
#214a59
```
#214a59 rgb(33,74,89)
```
#275668
```
#275668 rgb(39,86,104)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#316e84
```
#316e84 rgb(49,110,132)
```
#377a93
```
#377a93 rgb(55,122,147)
```
#3c86a1
```
#3c86a1 rgb(60,134,161)
```
#4191af
```
#4191af rgb(65,145,175)
```

Shade Color Variation

#499cbb
```
#499cbb rgb(73,156,187)
```
#57a4c0
```
#57a4c0 rgb(87,164,192)
```
#66acc6
```
#66acc6 rgb(102,172,198)
```
#74b4cb
```
#74b4cb rgb(116,180,203)
```
#82bbd0
```
#82bbd0 rgb(130,187,208)
```
#90c3d6
```
#90c3d6 rgb(144,195,214)
```
#9fcbdb
```
#9fcbdb rgb(159,203,219)
```
#add3e0
```
#add3e0 rgb(173,211,224)
```
#bbdae6
```
#bbdae6 rgb(187,218,230)
```
#cae2eb
```
#cae2eb rgb(202,226,235)
```
#d8eaf0
```
#d8eaf0 rgb(216,234,240)
```
#e6f2f6
```
#e6f2f6 rgb(230,242,246)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5457 is the less saturated color, while #0076a2 is the most saturated one.

#4b5457
```
#4b5457 rgb(75,84,87)
```
#45575d
```
#45575d rgb(69,87,93)
```
#3f5963
```
#3f5963 rgb(63,89,99)
```
#385c6a
```
#385c6a rgb(56,92,106)
```
#325f70
```
#325f70 rgb(50,95,112)
```
#2c6276
```
#2c6276 rgb(44,98,118)
```
#26657c
```
#26657c rgb(38,101,124)
```
#206882
```
#206882 rgb(32,104,130)
```
#196b89
```
#196b89 rgb(25,107,137)
```
#136d8f
```
#136d8f rgb(19,109,143)
```
#0d7095
```
#0d7095 rgb(13,112,149)
```
#07739b
```
#07739b rgb(7,115,155)
```
#0076a2
```
#0076a2 rgb(0,118,162)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c575b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6378 Protanopia 1% of men
#5d6280 Deuteranopia 1% of men
#316b73 Tritanopia 0.001% of the population

Trichromacy

#4c6277 Protanomaly 1% of men, 0.01% of women
#4b627c Deuteranomaly 6% of men, 0.4% of women
#2f6874 Tritanomaly 0.01% of the population

#2c6276 hex color

#2c6276 Color Information

#2c6276 Color Conversion

Color Schemes with #2c6276

Alternatives to #2c6276

#2c6276 Preview

Shades and Tints of #2c6276

Tones of #2c6276

Color Blindness Simulator