#2c7f84 hex color

In a RGB color space, hex #2c7f84 is composed of 17.3% red, 49.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 3.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 183.4 degrees, a saturation of 50% and a lightness of 34.5%. #2c7f84 color hex could be obtained by blending #58feff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 50
- B 52
RGB color chart
- C 67
- M 4
- Y 0
- K 48
CMYK color chart

● #2c7f84 color description : Dark moderate cyan.

The hexadecimal color #2c7f84 has RGB values of R:44, G:127, B:132 and CMYK values of C:0.67, M:0.04, Y:0, K:0.48. Its decimal value is 2916228.

Hex triplet	2c7f84	`#2c7f84`
RGB Decimal	44, 127, 132	`rgb(44,127,132)`
RGB Percent	17.3, 49.8, 51.8	`rgb(17.3%,49.8%,51.8%)`
CMYK	67, 4, 0, 48
HSL	183.4°, 50, 34.5	`hsl(183.4,50%,34.5%)`
HSV (or HSB)	183.4°, 66.7, 51.8
Web Safe	336699	`#336699`

CIE-LAB	48.734, -22.794, -10.05
XYZ	12.792, 17.379, 24.509
xyY	0.234, 0.318, 17.379
CIE-LCH	48.734, 24.912, 203.793
CIE-LUV	48.734, -31.922, -11.143
Hunter-Lab	41.688, -18.183, -5.675
Binary	00101100, 01111111, 10000100

#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#84312c
```
#84312c rgb(132,49,44)
```

Complementary Color

#2c845d
```
#2c845d rgb(44,132,93)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#2c5384
```
#2c5384 rgb(44,83,132)
```

Analogous Color

#845d2c
```
#845d2c rgb(132,93,44)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#842c53
```
#842c53 rgb(132,44,83)
```

Split Complementary Color

#7f842c
```
#7f842c rgb(127,132,44)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#842c7f
```
#842c7f rgb(132,44,127)
```

Triadic Color

#2c8431
```
#2c8431 rgb(44,132,49)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#842c7f
```
#842c7f rgb(132,44,127)
```
#84312c
```
#84312c rgb(132,49,44)
```

Tetradic Color

#19484b
```
#19484b rgb(25,72,75)
```
#1f5a5e
```
#1f5a5e rgb(31,90,94)
```
#266d71
```
#266d71 rgb(38,109,113)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#329197
```
#329197 rgb(50,145,151)
```
#39a4aa
```
#39a4aa rgb(57,164,170)
```
#3fb6bd
```
#3fb6bd rgb(63,182,189)
```

Monochromatic Color

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

#2c8473
```
#2c8473 rgb(44,132,115)
```
#2c847a
```
#2c847a rgb(44,132,122)
```
#2c8482
```
#2c8482 rgb(44,132,130)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#2c7884
```
#2c7884 rgb(44,120,132)
```
#2c7084
```
#2c7084 rgb(44,112,132)
```
#2c6984
```
#2c6984 rgb(44,105,132)
```

Similar Colors

Text with hexadecimal color #2c7f84

This text has a font color of #2c7f84.

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

#2c7f84 background color

This paragraph has a background color of #2c7f84.

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

#2c7f84 border color

This element has a border color of #2c7f84.

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

CSS codes

.text {color:#2c7f84;}

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

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

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, #050e0e is the darkest color, while #ffffff is the lightest one.

#050e0e
```
#050e0e rgb(5,14,14)
```
#0a1c1d
```
#0a1c1d rgb(10,28,29)
```
#0f2a2c
```
#0f2a2c rgb(15,42,44)
```
#13383a
```
#13383a rgb(19,56,58)
```
#184649
```
#184649 rgb(24,70,73)
```
#1d5558
```
#1d5558 rgb(29,85,88)
```
#226367
```
#226367 rgb(34,99,103)
```
#277175
```
#277175 rgb(39,113,117)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#318d93
```
#318d93 rgb(49,141,147)
```
#369ba1
```
#369ba1 rgb(54,155,161)
```
#3ba9b0
```
#3ba9b0 rgb(59,169,176)
```
#40b8bf
```
#40b8bf rgb(64,184,191)
```

Shade Color Variation

#4ebdc4
```
#4ebdc4 rgb(78,189,196)
```
#5dc3c9
```
#5dc3c9 rgb(93,195,201)
```
#6bc8ce
```
#6bc8ce rgb(107,200,206)
```
#7aced3
```
#7aced3 rgb(122,206,211)
```
#89d3d8
```
#89d3d8 rgb(137,211,216)
```
#98d9dd
```
#98d9dd rgb(152,217,221)
```
#a6dee1
```
#a6dee1 rgb(166,222,225)
```
#b5e4e6
```
#b5e4e6 rgb(181,228,230)
```
#c4e9eb
```
#c4e9eb rgb(196,233,235)
```
#d2eef0
```
#d2eef0 rgb(210,238,240)
```
#e1f4f5
```
#e1f4f5 rgb(225,244,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555b5b is the less saturated color, while #03a3ad is the most saturated one.

#555b5b
```
#555b5b rgb(85,91,91)
```
#4e6162
```
#4e6162 rgb(78,97,98)
```
#476769
```
#476769 rgb(71,103,105)
```
#406d70
```
#406d70 rgb(64,109,112)
```
#3a7376
```
#3a7376 rgb(58,115,118)
```
#33797d
```
#33797d rgb(51,121,125)
```
#2c7f84
```
#2c7f84 rgb(44,127,132)
```
#25858b
```
#25858b rgb(37,133,139)
```
#1e8b92
```
#1e8b92 rgb(30,139,146)
```
#189198
```
#189198 rgb(24,145,152)
```
#11979f
```
#11979f rgb(17,151,159)
```
#0a9da6
```
#0a9da6 rgb(10,157,166)
```
#03a3ad
```
#03a3ad rgb(3,163,173)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7a83 Protanopia 1% of men
#7b788f Deuteranopia 1% of men
#39848e Tritanopia 0.001% of the population

Trichromacy

#5d7b83 Protanomaly 1% of men, 0.01% of women
#5e7a8b Deuteranomaly 6% of men, 0.4% of women
#34828a Tritanomaly 0.01% of the population

#2c7f84 hex color

#2c7f84 Color Information

#2c7f84 Color Conversion

Color Schemes with #2c7f84

Alternatives to #2c7f84

#2c7f84 Preview

Shades and Tints of #2c7f84

Tones of #2c7f84

Color Blindness Simulator