#2c6474 hex color

In a RGB color space, hex #2c6474 is composed of 17.3% red, 39.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 13.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 193.3 degrees, a saturation of 45% and a lightness of 31.4%. #2c6474 color hex could be obtained by blending #58c8e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 39
- B 45
RGB color chart
- C 62
- M 14
- Y 0
- K 55
CMYK color chart

● #2c6474 color description : Dark moderate cyan.

The hexadecimal color #2c6474 has RGB values of R:44, G:100, B:116 and CMYK values of C:0.62, M:0.14, Y:0, K:0.55. Its decimal value is 2909300.

Hex triplet	2c6474	`#2c6474`
RGB Decimal	44, 100, 116	`rgb(44,100,116)`
RGB Percent	17.3, 39.2, 45.5	`rgb(17.3%,39.2%,45.5%)`
CMYK	62, 14, 0, 55
HSL	193.3°, 45, 31.4	`hsl(193.3,45%,31.4%)`
HSV (or HSB)	193.3°, 62.1, 45.5
Web Safe	336666	`#336666`

CIE-LAB	39.429, -13.172, -14.537
XYZ	8.747, 10.91, 18.167
xyY	0.231, 0.288, 10.91
CIE-LCH	39.429, 19.617, 227.821
CIE-LUV	39.429, -22.365, -18.24
Hunter-Lab	33.03, -10.531, -9.488
Binary	00101100, 01100100, 01110100

#2c6474
```
#2c6474 rgb(44,100,116)
```
#743c2c
```
#743c2c rgb(116,60,44)
```

Complementary Color

#2c7460
```
#2c7460 rgb(44,116,96)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#2c4074
```
#2c4074 rgb(44,64,116)
```

Analogous Color

#74602c
```
#74602c rgb(116,96,44)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#742c40
```
#742c40 rgb(116,44,64)
```

Split Complementary Color

#64742c
```
#64742c rgb(100,116,44)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#742c64
```
#742c64 rgb(116,44,100)
```

Triadic Color

#2c743c
```
#2c743c rgb(44,116,60)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#742c64
```
#742c64 rgb(116,44,100)
```
#743c2c
```
#743c2c rgb(116,60,44)
```

Tetradic Color

#17343d
```
#17343d rgb(23,52,61)
```
#1e444f
```
#1e444f rgb(30,68,79)
```
#255462
```
#255462 rgb(37,84,98)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#337486
```
#337486 rgb(51,116,134)
```
#3a8499
```
#3a8499 rgb(58,132,153)
```
#4194ab
```
#4194ab rgb(65,148,171)
```

Monochromatic Color

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

#2c7472
```
#2c7472 rgb(44,116,114)
```
#2c7074
```
#2c7074 rgb(44,112,116)
```
#2c6a74
```
#2c6a74 rgb(44,106,116)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#2c5e74
```
#2c5e74 rgb(44,94,116)
```
#2c5874
```
#2c5874 rgb(44,88,116)
```
#2c5274
```
#2c5274 rgb(44,82,116)
```

Similar Colors

Text with hexadecimal color #2c6474

This text has a font color of #2c6474.

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

#2c6474 background color

This paragraph has a background color of #2c6474.

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

#2c6474 border color

This element has a border color of #2c6474.

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

CSS codes

.text {color:#2c6474;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e10
```
#060e10 rgb(6,14,16)
```
#0c1a1f
```
#0c1a1f rgb(12,26,31)
```
#11272d
```
#11272d rgb(17,39,45)
```
#16333b
```
#16333b rgb(22,51,59)
```
#1c3f49
```
#1c3f49 rgb(28,63,73)
```
#214b58
```
#214b58 rgb(33,75,88)
```
#275866
```
#275866 rgb(39,88,102)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#317082
```
#317082 rgb(49,112,130)
```
#377d90
```
#377d90 rgb(55,125,144)
```
#3c899f
```
#3c899f rgb(60,137,159)
```
#4295ad
```
#4295ad rgb(66,149,173)
```

Shade Color Variation

#48a1ba
```
#48a1ba rgb(72,161,186)
```
#57a8bf
```
#57a8bf rgb(87,168,191)
```
#65afc5
```
#65afc5 rgb(101,175,197)
```
#73b7ca
```
#73b7ca rgb(115,183,202)
```
#81becf
```
#81becf rgb(129,190,207)
```
#8fc5d5
```
#8fc5d5 rgb(143,197,213)
```
#9ecdda
```
#9ecdda rgb(158,205,218)
```
#acd4df
```
#acd4df rgb(172,212,223)
```
#badbe5
```
#badbe5 rgb(186,219,229)
```
#c8e3ea
```
#c8e3ea rgb(200,227,234)
```
#d7eaf0
```
#d7eaf0 rgb(215,234,240)
```
#e5f1f5
```
#e5f1f5 rgb(229,241,245)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#4b5355
```
#4b5355 rgb(75,83,85)
```
#45565b
```
#45565b rgb(69,86,91)
```
#3e5a62
```
#3e5a62 rgb(62,90,98)
```
#385d68
```
#385d68 rgb(56,93,104)
```
#32616e
```
#32616e rgb(50,97,110)
```
#2c6474
```
#2c6474 rgb(44,100,116)
```
#26677a
```
#26677a rgb(38,103,122)
```
#206b80
```
#206b80 rgb(32,107,128)
```
#1a6e86
```
#1a6e86 rgb(26,110,134)
```
#13728d
```
#13728d rgb(19,114,141)
```
#0d7593
```
#0d7593 rgb(13,117,147)
```
#077999
```
#077999 rgb(7,121,153)
```
#017c9f
```
#017c9f rgb(1,124,159)
```

Tone Color Variation

Below, you can see how #2c6474 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
#4d585b Atypical Achromatopsia 0.001% of the population

Dichromacy

#616476 Protanopia 1% of men
#60637e Deuteranopia 1% of men
#336d75 Tritanopia 0.001% of the population

Trichromacy

#4d6475 Protanomaly 1% of men, 0.01% of women
#4d637a Deuteranomaly 6% of men, 0.4% of women
#306974 Tritanomaly 0.01% of the population

#2c6474 hex color

#2c6474 Color Information

#2c6474 Color Conversion

Color Schemes with #2c6474

Alternatives to #2c6474

#2c6474 Preview

Shades and Tints of #2c6474

Tones of #2c6474

Color Blindness Simulator