#2d7f85 hex color

In a RGB color space, hex #2d7f85 is composed of 17.6% red, 49.8% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 4.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 184.1 degrees, a saturation of 49.4% and a lightness of 34.9%. #2d7f85 color hex could be obtained by blending #5afeff with #00000b. Closest websafe color is: #336699.

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

● #2d7f85 color description : Dark moderate cyan.

The hexadecimal color #2d7f85 has RGB values of R:45, G:127, B:133 and CMYK values of C:0.66, M:0.05, Y:0, K:0.48. Its decimal value is 2981765.

Hex triplet	2d7f85	`#2d7f85`
RGB Decimal	45, 127, 133	`rgb(45,127,133)`
RGB Percent	17.6, 49.8, 52.2	`rgb(17.6%,49.8%,52.2%)`
CMYK	66, 5, 0, 48
HSL	184.1°, 49.4, 34.9	`hsl(184.1,49.4%,34.9%)`
HSV (or HSB)	184.1°, 66.2, 52.2
Web Safe	336699	`#336699`

CIE-LAB	48.796, -22.314, -10.543
XYZ	12.904, 17.429, 24.873
xyY	0.234, 0.316, 17.429
CIE-LCH	48.796, 24.68, 205.29
CIE-LUV	48.796, -31.67, -11.941
Hunter-Lab	41.748, -17.886, -6.101
Binary	00101101, 01111111, 10000101

#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#85332d
```
#85332d rgb(133,51,45)
```

Complementary Color

#2d855f
```
#2d855f rgb(45,133,95)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#2d5385
```
#2d5385 rgb(45,83,133)
```

Analogous Color

#855f2d
```
#855f2d rgb(133,95,45)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#852d53
```
#852d53 rgb(133,45,83)
```

Split Complementary Color

#7f852d
```
#7f852d rgb(127,133,45)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#852d7f
```
#852d7f rgb(133,45,127)
```

Triadic Color

#2d8533
```
#2d8533 rgb(45,133,51)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#852d7f
```
#852d7f rgb(133,45,127)
```
#85332d
```
#85332d rgb(133,51,45)
```

Tetradic Color

#1a484c
```
#1a484c rgb(26,72,76)
```
#205b5f
```
#205b5f rgb(32,91,95)
```
#276d72
```
#276d72 rgb(39,109,114)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#339198
```
#339198 rgb(51,145,152)
```
#3aa3ab
```
#3aa3ab rgb(58,163,171)
```
#40b6be
```
#40b6be rgb(64,182,190)
```

Monochromatic Color

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

#2d8575
```
#2d8575 rgb(45,133,117)
```
#2d857c
```
#2d857c rgb(45,133,124)
```
#2d8584
```
#2d8584 rgb(45,133,132)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#2d7885
```
#2d7885 rgb(45,120,133)
```
#2d7085
```
#2d7085 rgb(45,112,133)
```
#2d6985
```
#2d6985 rgb(45,105,133)
```

Similar Colors

Text with hexadecimal color #2d7f85

This text has a font color of #2d7f85.

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

#2d7f85 background color

This paragraph has a background color of #2d7f85.

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

#2d7f85 border color

This element has a border color of #2d7f85.

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

CSS codes

.text {color:#2d7f85;}

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

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

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)
```
#050f10
```
#050f10 rgb(5,15,16)
```
#0a1d1e
```
#0a1d1e rgb(10,29,30)
```
#0f2b2d
```
#0f2b2d rgb(15,43,45)
```
#14393c
```
#14393c rgb(20,57,60)
```
#19474a
```
#19474a rgb(25,71,74)
```
#1e5559
```
#1e5559 rgb(30,85,89)
```
#236368
```
#236368 rgb(35,99,104)
```
#287176
```
#287176 rgb(40,113,118)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#328d94
```
#328d94 rgb(50,141,148)
```
#379ba2
```
#379ba2 rgb(55,155,162)
```
#3ca9b1
```
#3ca9b1 rgb(60,169,177)
```

Shade Color Variation

#42b6bf
```
#42b6bf rgb(66,182,191)
```
#50bcc4
```
#50bcc4 rgb(80,188,196)
```
#5fc2c9
```
#5fc2c9 rgb(95,194,201)
```
#6ec7ce
```
#6ec7ce rgb(110,199,206)
```
#7ccdd3
```
#7ccdd3 rgb(124,205,211)
```
#8bd2d8
```
#8bd2d8 rgb(139,210,216)
```
#99d8dd
```
#99d8dd rgb(153,216,221)
```
#a8dee2
```
#a8dee2 rgb(168,222,226)
```
#b7e3e7
```
#b7e3e7 rgb(183,227,231)
```
#c5e9ec
```
#c5e9ec rgb(197,233,236)
```
#d4eff0
```
#d4eff0 rgb(212,239,240)
```
#e3f4f5
```
#e3f4f5 rgb(227,244,245)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#565c5c
```
#565c5c rgb(86,92,92)
```
#4f6163
```
#4f6163 rgb(79,97,99)
```
#48676a
```
#48676a rgb(72,103,106)
```
#426d70
```
#426d70 rgb(66,109,112)
```
#3b7377
```
#3b7377 rgb(59,115,119)
```
#34797e
```
#34797e rgb(52,121,126)
```
#2d7f85
```
#2d7f85 rgb(45,127,133)
```
#26858c
```
#26858c rgb(38,133,140)
```
#1f8b93
```
#1f8b93 rgb(31,139,147)
```
#18919a
```
#18919a rgb(24,145,154)
```
#1297a0
```
#1297a0 rgb(18,151,160)
```
#0b9da7
```
#0b9da7 rgb(11,157,167)
```
#04a2ae
```
#04a2ae rgb(4,162,174)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7a84 Protanopia 1% of men
#7b7890 Deuteranopia 1% of men
#3a858e Tritanopia 0.001% of the population

Trichromacy

#5e7c84 Protanomaly 1% of men, 0.01% of women
#5f7a8c Deuteranomaly 6% of men, 0.4% of women
#35828b Tritanomaly 0.01% of the population

#2d7f85 hex color

#2d7f85 Color Information

#2d7f85 Color Conversion

Color Schemes with #2d7f85

Alternatives to #2d7f85

#2d7f85 Preview

Shades and Tints of #2d7f85

Tones of #2d7f85

Color Blindness Simulator