#2c6466 hex color

In a RGB color space, hex #2c6466 is composed of 17.3% red, 39.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 2% magenta, 0% yellow and 60% black. It has a hue angle of 182.1 degrees, a saturation of 39.7% and a lightness of 28.6%. #2c6466 color hex could be obtained by blending #58c8cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 39
- B 40
RGB color chart
- C 57
- M 2
- Y 0
- K 60
CMYK color chart

● #2c6466 color description : Very dark desaturated cyan.

The hexadecimal color #2c6466 has RGB values of R:44, G:100, B:102 and CMYK values of C:0.57, M:0.02, Y:0, K:0.6. Its decimal value is 2909286.

Hex triplet	2c6466	`#2c6466`
RGB Decimal	44, 100, 102	`rgb(44,100,102)`
RGB Percent	17.3, 39.2, 40	`rgb(17.3%,39.2%,40%)`
CMYK	57, 2, 0, 60
HSL	182.1°, 39.7, 28.6	`hsl(182.1,39.7%,28.6%)`
HSV (or HSB)	182.1°, 56.9, 40
Web Safe	336666	`#336666`

CIE-LAB	38.913, -17.632, -6.736
XYZ	7.993, 10.609, 14.196
xyY	0.244, 0.323, 10.609
CIE-LCH	38.913, 18.875, 200.91
CIE-LUV	38.913, -22.953, -6.604
Hunter-Lab	32.571, -13.192, -3.042
Binary	00101100, 01100100, 01100110

#2c6466
```
#2c6466 rgb(44,100,102)
```
#662e2c
```
#662e2c rgb(102,46,44)
```

Complementary Color

#2c664b
```
#2c664b rgb(44,102,75)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#2c4766
```
#2c4766 rgb(44,71,102)
```

Analogous Color

#664b2c
```
#664b2c rgb(102,75,44)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#662c47
```
#662c47 rgb(102,44,71)
```

Split Complementary Color

#64662c
```
#64662c rgb(100,102,44)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#662c64
```
#662c64 rgb(102,44,100)
```

Triadic Color

#2c662e
```
#2c662e rgb(44,102,46)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#662c64
```
#662c64 rgb(102,44,100)
```
#662e2c
```
#662e2c rgb(102,46,44)
```

Tetradic Color

#153031
```
#153031 rgb(21,48,49)
```
#1d4142
```
#1d4142 rgb(29,65,66)
```
#245354
```
#245354 rgb(36,83,84)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#347578
```
#347578 rgb(52,117,120)
```
#3b878a
```
#3b878a rgb(59,135,138)
```
#43989b
```
#43989b rgb(67,152,155)
```

Monochromatic Color

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

#2c665a
```
#2c665a rgb(44,102,90)
```
#2c665e
```
#2c665e rgb(44,102,94)
```
#2c6663
```
#2c6663 rgb(44,102,99)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#2c5f66
```
#2c5f66 rgb(44,95,102)
```
#2c5a66
```
#2c5a66 rgb(44,90,102)
```
#2c5666
```
#2c5666 rgb(44,86,102)
```

Similar Colors

Text with hexadecimal color #2c6466

This text has a font color of #2c6466.

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

#2c6466 background color

This paragraph has a background color of #2c6466.

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

#2c6466 border color

This element has a border color of #2c6466.

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

CSS codes

.text {color:#2c6466;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#091314
```
#091314 rgb(9,19,20)
```
#0e2121
```
#0e2121 rgb(14,33,33)
```
#142e2f
```
#142e2f rgb(20,46,47)
```
#1a3c3d
```
#1a3c3d rgb(26,60,61)
```
#20494b
```
#20494b rgb(32,73,75)
```
#265758
```
#265758 rgb(38,87,88)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#327174
```
#327174 rgb(50,113,116)
```
#387f81
```
#387f81 rgb(56,127,129)
```
#3e8c8f
```
#3e8c8f rgb(62,140,143)
```
#449a9d
```
#449a9d rgb(68,154,157)
```
#4aa7ab
```
#4aa7ab rgb(74,167,171)
```

Shade Color Variation

#53b1b5
```
#53b1b5 rgb(83,177,181)
```
#61b8bb
```
#61b8bb rgb(97,184,187)
```
#6ebec1
```
#6ebec1 rgb(110,190,193)
```
#7cc4c7
```
#7cc4c7 rgb(124,196,199)
```
#8acacc
```
#8acacc rgb(138,202,204)
```
#97d0d2
```
#97d0d2 rgb(151,208,210)
```
#a5d6d8
```
#a5d6d8 rgb(165,214,216)
```
#b3ddde
```
#b3ddde rgb(179,221,222)
```
#c1e3e4
```
#c1e3e4 rgb(193,227,228)
```
#cee9ea
```
#cee9ea rgb(206,233,234)
```
#dceff0
```
#dceff0 rgb(220,239,240)
```
#eaf5f6
```
#eaf5f6 rgb(234,245,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a4a is the less saturated color, while #05898d is the most saturated one.

#484a4a
```
#484a4a rgb(72,74,74)
```
#424f50
```
#424f50 rgb(66,79,80)
```
#3d5455
```
#3d5455 rgb(61,84,85)
```
#375a5b
```
#375a5b rgb(55,90,91)
```
#325f60
```
#325f60 rgb(50,95,96)
```
#2c6466
```
#2c6466 rgb(44,100,102)
```
#26696c
```
#26696c rgb(38,105,108)
```
#216e71
```
#216e71 rgb(33,110,113)
```
#1b7477
```
#1b7477 rgb(27,116,119)
```
#16797c
```
#16797c rgb(22,121,124)
```
#107e82
```
#107e82 rgb(16,126,130)
```
#0a8388
```
#0a8388 rgb(10,131,136)
```
#05898d
```
#05898d rgb(5,137,141)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b5657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646369 Protanopia 1% of men
#666171 Deuteranopia 1% of men
#396b73 Tritanopia 0.001% of the population

Trichromacy

#4f6368 Protanomaly 1% of men, 0.01% of women
#51626d Deuteranomaly 6% of men, 0.4% of women
#34686e Tritanomaly 0.01% of the population

#2c6466 hex color

#2c6466 Color Information

#2c6466 Color Conversion

Color Schemes with #2c6466

Alternatives to #2c6466

#2c6466 Preview

Shades and Tints of #2c6466

Tones of #2c6466

Color Blindness Simulator