#2c6476 hex color

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

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

● #2c6476 color description : Dark moderate cyan.

The hexadecimal color #2c6476 has RGB values of R:44, G:100, B:118 and CMYK values of C:0.63, M:0.15, Y:0, K:0.54. Its decimal value is 2909302.

Hex triplet	2c6476	`#2c6476`
RGB Decimal	44, 100, 118	`rgb(44,100,118)`
RGB Percent	17.3, 39.2, 46.3	`rgb(17.3%,39.2%,46.3%)`
CMYK	63, 15, 0, 54
HSL	194.6°, 45.7, 31.8	`hsl(194.6,45.7%,31.8%)`
HSV (or HSB)	194.6°, 62.7, 46.3
Web Safe	336666	`#336666`

CIE-LAB	39.508, -12.508, -15.638
XYZ	8.865, 10.957, 18.786
xyY	0.23, 0.284, 10.957
CIE-LCH	39.508, 20.025, 231.345
CIE-LUV	39.508, -22.282, -19.926
Hunter-Lab	33.102, -10.123, -10.478
Binary	00101100, 01100100, 01110110

#2c6476
```
#2c6476 rgb(44,100,118)
```
#763e2c
```
#763e2c rgb(118,62,44)
```

Complementary Color

#2c7663
```
#2c7663 rgb(44,118,99)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#2c3f76
```
#2c3f76 rgb(44,63,118)
```

Analogous Color

#76632c
```
#76632c rgb(118,99,44)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#762c3f
```
#762c3f rgb(118,44,63)
```

Split Complementary Color

#64762c
```
#64762c rgb(100,118,44)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#762c64
```
#762c64 rgb(118,44,100)
```

Triadic Color

#2c763e
```
#2c763e rgb(44,118,62)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#762c64
```
#762c64 rgb(118,44,100)
```
#763e2c
```
#763e2c rgb(118,62,44)
```

Tetradic Color

#17353e
```
#17353e rgb(23,53,62)
```
#1e4551
```
#1e4551 rgb(30,69,81)
```
#255463
```
#255463 rgb(37,84,99)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#337489
```
#337489 rgb(51,116,137)
```
#3a839b
```
#3a839b rgb(58,131,155)
```
#4193ae
```
#4193ae rgb(65,147,174)
```

Monochromatic Color

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

#2c7676
```
#2c7676 rgb(44,118,118)
```
#2c7076
```
#2c7076 rgb(44,112,118)
```
#2c6a76
```
#2c6a76 rgb(44,106,118)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#2c5e76
```
#2c5e76 rgb(44,94,118)
```
#2c5876
```
#2c5876 rgb(44,88,118)
```
#2c5276
```
#2c5276 rgb(44,82,118)
```

Similar Colors

Text with hexadecimal color #2c6476

This text has a font color of #2c6476.

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

#2c6476 background color

This paragraph has a background color of #2c6476.

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

#2c6476 border color

This element has a border color of #2c6476.

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

CSS codes

.text {color:#2c6476;}

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

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

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)
```
#17343d
```
#17343d rgb(23,52,61)
```
#1c404b
```
#1c404b rgb(28,64,75)
```
#214c59
```
#214c59 rgb(33,76,89)
```
#275868
```
#275868 rgb(39,88,104)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#317084
```
#317084 rgb(49,112,132)
```
#377c93
```
#377c93 rgb(55,124,147)
```
#3c88a1
```
#3c88a1 rgb(60,136,161)
```
#4194af
```
#4194af rgb(65,148,175)
```

Shade Color Variation

#499fbb
```
#499fbb rgb(73,159,187)
```
#57a7c0
```
#57a7c0 rgb(87,167,192)
```
#66aec6
```
#66aec6 rgb(102,174,198)
```
#74b6cb
```
#74b6cb rgb(116,182,203)
```
#82bdd0
```
#82bdd0 rgb(130,189,208)
```
#90c5d6
```
#90c5d6 rgb(144,197,214)
```
#9fccdb
```
#9fccdb rgb(159,204,219)
```
#add4e0
```
#add4e0 rgb(173,212,224)
```
#bbdbe6
```
#bbdbe6 rgb(187,219,230)
```
#cae3eb
```
#cae3eb rgb(202,227,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 #007aa2 is the most saturated one.

#4b5457
```
#4b5457 rgb(75,84,87)
```
#45575d
```
#45575d rgb(69,87,93)
```
#3f5a63
```
#3f5a63 rgb(63,90,99)
```
#385e6a
```
#385e6a rgb(56,94,106)
```
#326170
```
#326170 rgb(50,97,112)
```
#2c6476
```
#2c6476 rgb(44,100,118)
```
#26677c
```
#26677c rgb(38,103,124)
```
#206a82
```
#206a82 rgb(32,106,130)
```
#196e89
```
#196e89 rgb(25,110,137)
```
#13718f
```
#13718f rgb(19,113,143)
```
#0d7495
```
#0d7495 rgb(13,116,149)
```
#07779b
```
#07779b rgb(7,119,155)
```
#007aa2
```
#007aa2 rgb(0,122,162)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d585c Atypical Achromatopsia 0.001% of the population

Dichromacy

#606478 Protanopia 1% of men
#5f6380 Deuteranopia 1% of men
#326d75 Tritanopia 0.001% of the population

Trichromacy

#4d6477 Protanomaly 1% of men, 0.01% of women
#4c637c Deuteranomaly 6% of men, 0.4% of women
#306a75 Tritanomaly 0.01% of the population

#2c6476 hex color

#2c6476 Color Information

#2c6476 Color Conversion

Color Schemes with #2c6476

Alternatives to #2c6476

#2c6476 Preview

Shades and Tints of #2c6476

Tones of #2c6476

Color Blindness Simulator