#2d7771 hex color

In a RGB color space, hex #2d7771 is composed of 17.6% red, 46.7% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 0% magenta, 5% yellow and 53.3% black. It has a hue angle of 175.1 degrees, a saturation of 45.1% and a lightness of 32.2%. #2d7771 color hex could be obtained by blending #5aeee2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 47
- B 44
RGB color chart
- C 62
- M 0
- Y 5
- K 53
CMYK color chart

● #2d7771 color description : Dark moderate cyan.

The hexadecimal color #2d7771 has RGB values of R:45, G:119, B:113 and CMYK values of C:0.62, M:0, Y:0.05, K:0.53. Its decimal value is 2979697.

Hex triplet	2d7771	`#2d7771`
RGB Decimal	45, 119, 113	`rgb(45,119,113)`
RGB Percent	17.6, 46.7, 44.3	`rgb(17.6%,46.7%,44.3%)`
CMYK	62, 0, 5, 53
HSL	175.1°, 45.1, 32.2	`hsl(175.1,45.1%,32.2%)`
HSV (or HSB)	175.1°, 62.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.556, -24.211, -3.522
XYZ	10.659, 14.943, 17.944
xyY	0.245, 0.343, 14.943
CIE-LCH	45.556, 24.466, 188.276
CIE-LUV	45.556, -29.687, -1.421
Hunter-Lab	38.656, -18.43, -0.464
Binary	00101101, 01110111, 01110001

#2d7771
```
#2d7771 rgb(45,119,113)
```
#772d33
```
#772d33 rgb(119,45,51)
```

Complementary Color

#2d774c
```
#2d774c rgb(45,119,76)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#2d5877
```
#2d5877 rgb(45,88,119)
```

Analogous Color

#774c2d
```
#774c2d rgb(119,76,45)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#772d58
```
#772d58 rgb(119,45,88)
```

Split Complementary Color

#77712d
```
#77712d rgb(119,113,45)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#712d77
```
#712d77 rgb(113,45,119)
```

Triadic Color

#33772d
```
#33772d rgb(51,119,45)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#712d77
```
#712d77 rgb(113,45,119)
```
#772d33
```
#772d33 rgb(119,45,51)
```

Tetradic Color

#183f3c
```
#183f3c rgb(24,63,60)
```
#1f524e
```
#1f524e rgb(31,82,78)
```
#26645f
```
#26645f rgb(38,100,95)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#348a83
```
#348a83 rgb(52,138,131)
```
#3b9c94
```
#3b9c94 rgb(59,156,148)
```
#42afa6
```
#42afa6 rgb(66,175,166)
```

Monochromatic Color

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

#2d775e
```
#2d775e rgb(45,119,94)
```
#2d7765
```
#2d7765 rgb(45,119,101)
```
#2d776b
```
#2d776b rgb(45,119,107)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#2d7777
```
#2d7777 rgb(45,119,119)
```
#2d7177
```
#2d7177 rgb(45,113,119)
```
#2d6b77
```
#2d6b77 rgb(45,107,119)
```

Similar Colors

Text with hexadecimal color #2d7771

This text has a font color of #2d7771.

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

#2d7771 background color

This paragraph has a background color of #2d7771.

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

#2d7771 border color

This element has a border color of #2d7771.

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

CSS codes

.text {color:#2d7771;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071312
```
#071312 rgb(7,19,18)
```
#0d2220
```
#0d2220 rgb(13,34,32)
```
#12302d
```
#12302d rgb(18,48,45)
```
#173e3b
```
#173e3b rgb(23,62,59)
```
#1d4c48
```
#1d4c48 rgb(29,76,72)
```
#225b56
```
#225b56 rgb(34,91,86)
```
#286963
```
#286963 rgb(40,105,99)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#32857f
```
#32857f rgb(50,133,127)
```
#38938c
```
#38938c rgb(56,147,140)
```
#3da29a
```
#3da29a rgb(61,162,154)
```
#43b0a7
```
#43b0a7 rgb(67,176,167)
```

Shade Color Variation

#4bbbb2
```
#4bbbb2 rgb(75,187,178)
```
#59c0b8
```
#59c0b8 rgb(89,192,184)
```
#68c6be
```
#68c6be rgb(104,198,190)
```
#76cbc4
```
#76cbc4 rgb(118,203,196)
```
#84d1ca
```
#84d1ca rgb(132,209,202)
```
#92d6d0
```
#92d6d0 rgb(146,214,208)
```
#a1dbd7
```
#a1dbd7 rgb(161,219,215)
```
#afe1dd
```
#afe1dd rgb(175,225,221)
```
#bde6e3
```
#bde6e3 rgb(189,230,227)
```
#cbebe9
```
#cbebe9 rgb(203,235,233)
```
#d9f1ef
```
#d9f1ef rgb(217,241,239)
```
#e8f6f5
```
#e8f6f5 rgb(232,246,245)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#4d5757
```
#4d5757 rgb(77,87,87)
```
#465e5c
```
#465e5c rgb(70,94,92)
```
#406461
```
#406461 rgb(64,100,97)
```
#3a6a66
```
#3a6a66 rgb(58,106,102)
```
#33716c
```
#33716c rgb(51,113,108)
```
#2d7771
```
#2d7771 rgb(45,119,113)
```
#277d76
```
#277d76 rgb(39,125,118)
```
#20847c
```
#20847c rgb(32,132,124)
```
#1a8a81
```
#1a8a81 rgb(26,138,129)
```
#149086
```
#149086 rgb(20,144,134)
```
#0d978b
```
#0d978b rgb(13,151,139)
```
#079d91
```
#079d91 rgb(7,157,145)
```
#01a396
```
#01a396 rgb(1,163,150)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757272 Protanopia 1% of men
#79707d Deuteranopia 1% of men
#3e7c85 Tritanopia 0.001% of the population

Trichromacy

#5b7471 Protanomaly 1% of men, 0.01% of women
#5d7278 Deuteranomaly 6% of men, 0.4% of women
#387a7d Tritanomaly 0.01% of the population

#2d7771 hex color

#2d7771 Color Information

#2d7771 Color Conversion

Color Schemes with #2d7771

Alternatives to #2d7771

#2d7771 Preview

Shades and Tints of #2d7771

Tones of #2d7771

Color Blindness Simulator