#2d7570 hex color

In a RGB color space, hex #2d7570 is composed of 17.6% red, 45.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 4.3% yellow and 54.1% black. It has a hue angle of 175.8 degrees, a saturation of 44.4% and a lightness of 31.8%. #2d7570 color hex could be obtained by blending #5aeae0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 46
- B 44
RGB color chart
- C 62
- M 0
- Y 4
- K 54
CMYK color chart

● #2d7570 color description : Dark moderate cyan.

The hexadecimal color #2d7570 has RGB values of R:45, G:117, B:112 and CMYK values of C:0.62, M:0, Y:0.04, K:0.54. Its decimal value is 2979184.

Hex triplet	2d7570	`#2d7570`
RGB Decimal	45, 117, 112	`rgb(45,117,112)`
RGB Percent	17.6, 45.9, 43.9	`rgb(17.6%,45.9%,43.9%)`
CMYK	62, 0, 4, 54
HSL	175.8°, 44.4, 31.8	`hsl(175.8,44.4%,31.8%)`
HSV (or HSB)	175.8°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	44.871, -23.477, -3.937
XYZ	10.367, 14.449, 17.571
xyY	0.245, 0.341, 14.449
CIE-LCH	44.871, 23.805, 189.521
CIE-LUV	44.871, -28.958, -2.096
Hunter-Lab	38.012, -17.839, -0.798
Binary	00101101, 01110101, 01110000

#2d7570
```
#2d7570 rgb(45,117,112)
```
#752d32
```
#752d32 rgb(117,45,50)
```

Complementary Color

#2d754c
```
#2d754c rgb(45,117,76)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#2d5675
```
#2d5675 rgb(45,86,117)
```

Analogous Color

#754c2d
```
#754c2d rgb(117,76,45)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#752d56
```
#752d56 rgb(117,45,86)
```

Split Complementary Color

#75702d
```
#75702d rgb(117,112,45)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#702d75
```
#702d75 rgb(112,45,117)
```

Triadic Color

#32752d
```
#32752d rgb(50,117,45)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#702d75
```
#702d75 rgb(112,45,117)
```
#752d32
```
#752d32 rgb(117,45,50)
```

Tetradic Color

#183e3b
```
#183e3b rgb(24,62,59)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#26635e
```
#26635e rgb(38,99,94)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#348782
```
#348782 rgb(52,135,130)
```
#3b9a93
```
#3b9a93 rgb(59,154,147)
```
#42aca5
```
#42aca5 rgb(66,172,165)
```

Monochromatic Color

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

#2d755e
```
#2d755e rgb(45,117,94)
```
#2d7564
```
#2d7564 rgb(45,117,100)
```
#2d756a
```
#2d756a rgb(45,117,106)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#2d7475
```
#2d7475 rgb(45,116,117)
```
#2d6e75
```
#2d6e75 rgb(45,110,117)
```
#2d6875
```
#2d6875 rgb(45,104,117)
```

Similar Colors

Text with hexadecimal color #2d7570

This text has a font color of #2d7570.

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

#2d7570 background color

This paragraph has a background color of #2d7570.

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

#2d7570 border color

This element has a border color of #2d7570.

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

CSS codes

.text {color:#2d7570;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0c201f
```
#0c201f rgb(12,32,31)
```
#122e2c
```
#122e2c rgb(18,46,44)
```
#173c3a
```
#173c3a rgb(23,60,58)
```
#1d4b47
```
#1d4b47 rgb(29,75,71)
```
#225955
```
#225955 rgb(34,89,85)
```
#286762
```
#286762 rgb(40,103,98)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#32837e
```
#32837e rgb(50,131,126)
```
#38918b
```
#38918b rgb(56,145,139)
```
#3da099
```
#3da099 rgb(61,160,153)
```
#43aea6
```
#43aea6 rgb(67,174,166)
```

Shade Color Variation

#4bbab2
```
#4bbab2 rgb(75,186,178)
```
#59bfb8
```
#59bfb8 rgb(89,191,184)
```
#67c4be
```
#67c4be rgb(103,196,190)
```
#75cac4
```
#75cac4 rgb(117,202,196)
```
#83cfca
```
#83cfca rgb(131,207,202)
```
#91d5d0
```
#91d5d0 rgb(145,213,208)
```
#a0dad6
```
#a0dad6 rgb(160,218,214)
```
#aee0dc
```
#aee0dc rgb(174,224,220)
```
#bce5e2
```
#bce5e2 rgb(188,229,226)
```
#caebe8
```
#caebe8 rgb(202,235,232)
```
#d8f0ee
```
#d8f0ee rgb(216,240,238)
```
#e6f6f4
```
#e6f6f4 rgb(230,246,244)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#4c5655
```
#4c5655 rgb(76,86,85)
```
#465c5b
```
#465c5b rgb(70,92,91)
```
#406260
```
#406260 rgb(64,98,96)
```
#396965
```
#396965 rgb(57,105,101)
```
#336f6b
```
#336f6b rgb(51,111,107)
```
#2d7570
```
#2d7570 rgb(45,117,112)
```
#277b75
```
#277b75 rgb(39,123,117)
```
#21817b
```
#21817b rgb(33,129,123)
```
#1a8880
```
#1a8880 rgb(26,136,128)
```
#148e85
```
#148e85 rgb(20,142,133)
```
#0e948b
```
#0e948b rgb(14,148,139)
```
#089a90
```
#089a90 rgb(8,154,144)
```
#01a196
```
#01a196 rgb(1,161,150)
```

Tone Color Variation

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

Dichromacy

#737171 Protanopia 1% of men
#776f7c Deuteranopia 1% of men
#3d7a83 Tritanopia 0.001% of the population

Trichromacy

#5a7271 Protanomaly 1% of men, 0.01% of women
#5c7177 Deuteranomaly 6% of men, 0.4% of women
#37787c Tritanomaly 0.01% of the population

#2d7570 hex color

#2d7570 Color Information

#2d7570 Color Conversion

Color Schemes with #2d7570

Alternatives to #2d7570

#2d7570 Preview

Shades and Tints of #2d7570

Tones of #2d7570

Color Blindness Simulator