#2d8570 hex color

In a RGB color space, hex #2d8570 is composed of 17.6% red, 52.2% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 15.8% yellow and 47.8% black. It has a hue angle of 165.7 degrees, a saturation of 49.4% and a lightness of 34.9%. #2d8570 color hex could be obtained by blending #5affe0 with #000b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 52
- B 44
RGB color chart
- C 66
- M 0
- Y 16
- K 48
CMYK color chart

● #2d8570 color description : Dark moderate cyan.

The hexadecimal color #2d8570 has RGB values of R:45, G:133, B:112 and CMYK values of C:0.66, M:0, Y:0.16, K:0.48. Its decimal value is 2983280.

Hex triplet	2d8570	`#2d8570`
RGB Decimal	45, 133, 112	`rgb(45,133,112)`
RGB Percent	17.6, 52.2, 43.9	`rgb(17.6%,52.2%,43.9%)`
CMYK	66, 0, 16, 48
HSL	165.7°, 49.4, 34.9	`hsl(165.7,49.4%,34.9%)`
HSV (or HSB)	165.7°, 66.2, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.099, -31.366, 3.699
XYZ	12.393, 18.502, 18.246
xyY	0.252, 0.376, 18.502
CIE-LCH	50.099, 31.583, 173.273
CIE-LUV	50.099, -35.174, 9.636
Hunter-Lab	43.014, -23.843, 4.959
Binary	00101101, 10000101, 01110000

#2d8570
```
#2d8570 rgb(45,133,112)
```
#852d42
```
#852d42 rgb(133,45,66)
```

Complementary Color

#2d8544
```
#2d8544 rgb(45,133,68)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#2d6e85
```
#2d6e85 rgb(45,110,133)
```

Analogous Color

#85442d
```
#85442d rgb(133,68,45)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#852d6e
```
#852d6e rgb(133,45,110)
```

Split Complementary Color

#85702d
```
#85702d rgb(133,112,45)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#702d85
```
#702d85 rgb(112,45,133)
```

Triadic Color

#42852d
```
#42852d rgb(66,133,45)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#702d85
```
#702d85 rgb(112,45,133)
```
#852d42
```
#852d42 rgb(133,45,66)
```

Tetradic Color

#1a4c40
```
#1a4c40 rgb(26,76,64)
```
#205f50
```
#205f50 rgb(32,95,80)
```
#277260
```
#277260 rgb(39,114,96)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#339880
```
#339880 rgb(51,152,128)
```
#3aab90
```
#3aab90 rgb(58,171,144)
```
#40bea0
```
#40bea0 rgb(64,190,160)
```

Monochromatic Color

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

#2d855a
```
#2d855a rgb(45,133,90)
```
#2d8561
```
#2d8561 rgb(45,133,97)
```
#2d8569
```
#2d8569 rgb(45,133,105)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#2d8577
```
#2d8577 rgb(45,133,119)
```
#2d857f
```
#2d857f rgb(45,133,127)
```
#2d8485
```
#2d8485 rgb(45,132,133)
```

Similar Colors

Text with hexadecimal color #2d8570

This text has a font color of #2d8570.

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

#2d8570 background color

This paragraph has a background color of #2d8570.

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

#2d8570 border color

This element has a border color of #2d8570.

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

CSS codes

.text {color:#2d8570;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#05100d
```
#05100d rgb(5,16,13)
```
#0a1e1a
```
#0a1e1a rgb(10,30,26)
```
#0f2d26
```
#0f2d26 rgb(15,45,38)
```
#143c32
```
#143c32 rgb(20,60,50)
```
#194a3f
```
#194a3f rgb(25,74,63)
```
#1e594b
```
#1e594b rgb(30,89,75)
```
#236857
```
#236857 rgb(35,104,87)
```
#287664
```
#287664 rgb(40,118,100)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#32947c
```
#32947c rgb(50,148,124)
```
#37a289
```
#37a289 rgb(55,162,137)
```
#3cb195
```
#3cb195 rgb(60,177,149)
```

Shade Color Variation

#42bfa1
```
#42bfa1 rgb(66,191,161)
```
#50c4a8
```
#50c4a8 rgb(80,196,168)
```
#5fc9b0
```
#5fc9b0 rgb(95,201,176)
```
#6eceb7
```
#6eceb7 rgb(110,206,183)
```
#7cd3be
```
#7cd3be rgb(124,211,190)
```
#8bd8c5
```
#8bd8c5 rgb(139,216,197)
```
#99ddcd
```
#99ddcd rgb(153,221,205)
```
#a8e2d4
```
#a8e2d4 rgb(168,226,212)
```
#b7e7db
```
#b7e7db rgb(183,231,219)
```
#c5ece2
```
#c5ece2 rgb(197,236,226)
```
#d4f0ea
```
#d4f0ea rgb(212,240,234)
```
#e3f5f1
```
#e3f5f1 rgb(227,245,241)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c5b is the less saturated color, while #04ae85 is the most saturated one.

#565c5b
```
#565c5b rgb(86,92,91)
```
#4f635e
```
#4f635e rgb(79,99,94)
```
#486a62
```
#486a62 rgb(72,106,98)
```
#427065
```
#427065 rgb(66,112,101)
```
#3b7769
```
#3b7769 rgb(59,119,105)
```
#347e6c
```
#347e6c rgb(52,126,108)
```
#2d8570
```
#2d8570 rgb(45,133,112)
```
#268c74
```
#268c74 rgb(38,140,116)
```
#1f9377
```
#1f9377 rgb(31,147,119)
```
#189a7b
```
#189a7b rgb(24,154,123)
```
#12a07e
```
#12a07e rgb(18,160,126)
```
#0ba782
```
#0ba782 rgb(11,167,130)
```
#04ae85
```
#04ae85 rgb(4,174,133)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#837d70 Protanopia 1% of men
#8a7a7d Deuteranopia 1% of men
#458791 Tritanopia 0.001% of the population

Trichromacy

#648070 Protanomaly 1% of men, 0.01% of women
#687e78 Deuteranomaly 6% of men, 0.4% of women
#3c8685 Tritanomaly 0.01% of the population

#2d8570 hex color

#2d8570 Color Information

#2d8570 Color Conversion

Color Schemes with #2d8570

Alternatives to #2d8570

#2d8570 Preview

Shades and Tints of #2d8570

Tones of #2d8570

Color Blindness Simulator