#2d857d hex color

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

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

● #2d857d color description : Dark moderate cyan.

The hexadecimal color #2d857d has RGB values of R:45, G:133, B:125 and CMYK values of C:0.66, M:0, Y:0.06, K:0.48. Its decimal value is 2983293.

Hex triplet	2d857d	`#2d857d`
RGB Decimal	45, 133, 125	`rgb(45,133,125)`
RGB Percent	17.6, 52.2, 49	`rgb(17.6%,52.2%,49%)`
CMYK	66, 0, 6, 48
HSL	174.5°, 49.4, 34.9	`hsl(174.5,49.4%,34.9%)`
HSV (or HSB)	174.5°, 66.2, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.467, -27.761, -3.359
XYZ	13.17, 18.812, 22.338
xyY	0.242, 0.346, 18.812
CIE-LCH	50.467, 27.964, 186.899
CIE-LUV	50.467, -34.419, -0.723
Hunter-Lab	43.373, -21.702, -0.174
Binary	00101101, 10000101, 01111101

#2d857d
```
#2d857d rgb(45,133,125)
```
#852d35
```
#852d35 rgb(133,45,53)
```

Complementary Color

#2d8551
```
#2d8551 rgb(45,133,81)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#2d6185
```
#2d6185 rgb(45,97,133)
```

Analogous Color

#85512d
```
#85512d rgb(133,81,45)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#852d61
```
#852d61 rgb(133,45,97)
```

Split Complementary Color

#857d2d
```
#857d2d rgb(133,125,45)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#7d2d85
```
#7d2d85 rgb(125,45,133)
```

Triadic Color

#35852d
```
#35852d rgb(53,133,45)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#7d2d85
```
#7d2d85 rgb(125,45,133)
```
#852d35
```
#852d35 rgb(133,45,53)
```

Tetradic Color

#1a4c47
```
#1a4c47 rgb(26,76,71)
```
#205f59
```
#205f59 rgb(32,95,89)
```
#27726b
```
#27726b rgb(39,114,107)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#33988f
```
#33988f rgb(51,152,143)
```
#3aaba1
```
#3aaba1 rgb(58,171,161)
```
#40beb3
```
#40beb3 rgb(64,190,179)
```

Monochromatic Color

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

#2d8567
```
#2d8567 rgb(45,133,103)
```
#2d856e
```
#2d856e rgb(45,133,110)
```
#2d8576
```
#2d8576 rgb(45,133,118)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#2d8584
```
#2d8584 rgb(45,133,132)
```
#2d7e85
```
#2d7e85 rgb(45,126,133)
```
#2d7785
```
#2d7785 rgb(45,119,133)
```

Similar Colors

Text with hexadecimal color #2d857d

This text has a font color of #2d857d.

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

#2d857d background color

This paragraph has a background color of #2d857d.

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

#2d857d border color

This element has a border color of #2d857d.

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

CSS codes

.text {color:#2d857d;}

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

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

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 #f1fafa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#05100f
```
#05100f rgb(5,16,15)
```
#0a1e1d
```
#0a1e1d rgb(10,30,29)
```
#0f2d2a
```
#0f2d2a rgb(15,45,42)
```
#143c38
```
#143c38 rgb(20,60,56)
```
#194a46
```
#194a46 rgb(25,74,70)
```
#1e5954
```
#1e5954 rgb(30,89,84)
```
#236861
```
#236861 rgb(35,104,97)
```
#28766f
```
#28766f rgb(40,118,111)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#32948b
```
#32948b rgb(50,148,139)
```
#37a299
```
#37a299 rgb(55,162,153)
```
#3cb1a6
```
#3cb1a6 rgb(60,177,166)
```

Shade Color Variation

#42bfb4
```
#42bfb4 rgb(66,191,180)
```
#50c4b9
```
#50c4b9 rgb(80,196,185)
```
#5fc9bf
```
#5fc9bf rgb(95,201,191)
```
#6ecec5
```
#6ecec5 rgb(110,206,197)
```
#7cd3cb
```
#7cd3cb rgb(124,211,203)
```
#8bd8d1
```
#8bd8d1 rgb(139,216,209)
```
#99ddd7
```
#99ddd7 rgb(153,221,215)
```
#a8e2dc
```
#a8e2dc rgb(168,226,220)
```
#b7e7e2
```
#b7e7e2 rgb(183,231,226)
```
#c5ece8
```
#c5ece8 rgb(197,236,232)
```
#d4f0ee
```
#d4f0ee rgb(212,240,238)
```
#e3f5f4
```
#e3f5f4 rgb(227,245,244)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#565c5b
```
#565c5b rgb(86,92,91)
```
#4f6361
```
#4f6361 rgb(79,99,97)
```
#486a67
```
#486a67 rgb(72,106,103)
```
#42706c
```
#42706c rgb(66,112,108)
```
#3b7772
```
#3b7772 rgb(59,119,114)
```
#347e77
```
#347e77 rgb(52,126,119)
```
#2d857d
```
#2d857d rgb(45,133,125)
```
#268c83
```
#268c83 rgb(38,140,131)
```
#1f9388
```
#1f9388 rgb(31,147,136)
```
#189a8e
```
#189a8e rgb(24,154,142)
```
#12a093
```
#12a093 rgb(18,160,147)
```
#0ba799
```
#0ba799 rgb(11,167,153)
```
#04ae9f
```
#04ae9f rgb(4,174,159)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#817e7c Protanopia 1% of men
#867b89 Deuteranopia 1% of men
#408893 Tritanopia 0.001% of the population

Trichromacy

#62807c Protanomaly 1% of men, 0.01% of women
#657f84 Deuteranomaly 6% of men, 0.4% of women
#39878b Tritanomaly 0.01% of the population

#2d857d hex color

#2d857d Color Information

#2d857d Color Conversion

Color Schemes with #2d857d

Alternatives to #2d857d

#2d857d Preview

Shades and Tints of #2d857d

Tones of #2d857d

Color Blindness Simulator