#2d7472 hex color

In a RGB color space, hex #2d7472 is composed of 17.6% red, 45.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 1.7% yellow and 54.5% black. It has a hue angle of 178.3 degrees, a saturation of 44.1% and a lightness of 31.6%. #2d7472 color hex could be obtained by blending #5ae8e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 45
- B 45
RGB color chart
- C 61
- M 0
- Y 2
- K 55
CMYK color chart

● #2d7472 color description : Dark moderate cyan.

The hexadecimal color #2d7472 has RGB values of R:45, G:116, B:114 and CMYK values of C:0.61, M:0, Y:0.02, K:0.55. Its decimal value is 2978930.

Hex triplet	2d7472	`#2d7472`
RGB Decimal	45, 116, 114	`rgb(45,116,114)`
RGB Percent	17.6, 45.5, 44.7	`rgb(17.6%,45.5%,44.7%)`
CMYK	61, 0, 2, 55
HSL	178.3°, 44.1, 31.6	`hsl(178.3,44.1%,31.6%)`
HSV (or HSB)	178.3°, 61.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.607, -22.367, -5.525
XYZ	10.364, 14.263, 18.125
xyY	0.242, 0.334, 14.263
CIE-LCH	44.607, 23.039, 193.875
CIE-LUV	44.607, -28.463, -4.478
Hunter-Lab	37.766, -17.106, -2.019
Binary	00101101, 01110100, 01110010

#2d7472
```
#2d7472 rgb(45,116,114)
```
#742d2f
```
#742d2f rgb(116,45,47)
```

Complementary Color

#2d744f
```
#2d744f rgb(45,116,79)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#2d5374
```
#2d5374 rgb(45,83,116)
```

Analogous Color

#744f2d
```
#744f2d rgb(116,79,45)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#742d53
```
#742d53 rgb(116,45,83)
```

Split Complementary Color

#74722d
```
#74722d rgb(116,114,45)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#722d74
```
#722d74 rgb(114,45,116)
```

Triadic Color

#2f742d
```
#2f742d rgb(47,116,45)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#722d74
```
#722d74 rgb(114,45,116)
```
#742d2f
```
#742d2f rgb(116,45,47)
```

Tetradic Color

#183d3c
```
#183d3c rgb(24,61,60)
```
#1f4f4e
```
#1f4f4e rgb(31,79,78)
```
#266260
```
#266260 rgb(38,98,96)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#348684
```
#348684 rgb(52,134,132)
```
#3b9996
```
#3b9996 rgb(59,153,150)
```
#42aba8
```
#42aba8 rgb(66,171,168)
```

Monochromatic Color

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

#2d7460
```
#2d7460 rgb(45,116,96)
```
#2d7466
```
#2d7466 rgb(45,116,102)
```
#2d746c
```
#2d746c rgb(45,116,108)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#2d7074
```
#2d7074 rgb(45,112,116)
```
#2d6a74
```
#2d6a74 rgb(45,106,116)
```
#2d6474
```
#2d6474 rgb(45,100,116)
```

Similar Colors

Text with hexadecimal color #2d7472

This text has a font color of #2d7472.

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

#2d7472 background color

This paragraph has a background color of #2d7472.

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

#2d7472 border color

This element has a border color of #2d7472.

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

CSS codes

.text {color:#2d7472;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#071111
```
#071111 rgb(7,17,17)
```
#0c1f1f
```
#0c1f1f rgb(12,31,31)
```
#122d2d
```
#122d2d rgb(18,45,45)
```
#173b3a
```
#173b3a rgb(23,59,58)
```
#1d4a48
```
#1d4a48 rgb(29,74,72)
```
#225856
```
#225856 rgb(34,88,86)
```
#286664
```
#286664 rgb(40,102,100)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#328280
```
#328280 rgb(50,130,128)
```
#38908e
```
#38908e rgb(56,144,142)
```
#3d9e9c
```
#3d9e9c rgb(61,158,156)
```
#43adaa
```
#43adaa rgb(67,173,170)
```

Shade Color Variation

#4ab9b6
```
#4ab9b6 rgb(74,185,182)
```
#58bebb
```
#58bebb rgb(88,190,187)
```
#66c4c1
```
#66c4c1 rgb(102,196,193)
```
#75c9c7
```
#75c9c7 rgb(117,201,199)
```
#83cfcd
```
#83cfcd rgb(131,207,205)
```
#91d4d2
```
#91d4d2 rgb(145,212,210)
```
#9fdad8
```
#9fdad8 rgb(159,218,216)
```
#addfde
```
#addfde rgb(173,223,222)
```
#bbe5e4
```
#bbe5e4 rgb(187,229,228)
```
#c9eae9
```
#c9eae9 rgb(201,234,233)
```
#d8f0ef
```
#d8f0ef rgb(216,240,239)
```
#e6f5f5
```
#e6f5f5 rgb(230,245,245)
```
#f4fbfa
```
#f4fbfa rgb(244,251,250)
```

Tint Color Variation

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

#4c5555
```
#4c5555 rgb(76,85,85)
```
#465b5b
```
#465b5b rgb(70,91,91)
```
#406160
```
#406160 rgb(64,97,96)
```
#396866
```
#396866 rgb(57,104,102)
```
#336e6c
```
#336e6c rgb(51,110,108)
```
#2d7472
```
#2d7472 rgb(45,116,114)
```
#277a78
```
#277a78 rgb(39,122,120)
```
#21807e
```
#21807e rgb(33,128,126)
```
#1a8784
```
#1a8784 rgb(26,135,132)
```
#148d89
```
#148d89 rgb(20,141,137)
```
#0e938f
```
#0e938f rgb(14,147,143)
```
#089995
```
#089995 rgb(8,153,149)
```
#029f9b
```
#029f9b rgb(2,159,155)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727073 Protanopia 1% of men
#756e7d Deuteranopia 1% of men
#3c7982 Tritanopia 0.001% of the population

Trichromacy

#597172 Protanomaly 1% of men, 0.01% of women
#5b7079 Deuteranomaly 6% of men, 0.4% of women
#37777c Tritanomaly 0.01% of the population

#2d7472 hex color

#2d7472 Color Information

#2d7472 Color Conversion

Color Schemes with #2d7472

Alternatives to #2d7472

#2d7472 Preview

Shades and Tints of #2d7472

Tones of #2d7472

Color Blindness Simulator