#2d504d hex color

In a RGB color space, hex #2d504d is composed of 17.6% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 0% magenta, 3.7% yellow and 68.6% black. It has a hue angle of 174.9 degrees, a saturation of 28% and a lightness of 24.5%. #2d504d color hex could be obtained by blending #5aa09a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 31
- B 30
RGB color chart
- C 44
- M 0
- Y 4
- K 69
CMYK color chart

● #2d504d color description : Very dark desaturated cyan.

The hexadecimal color #2d504d has RGB values of R:45, G:80, B:77 and CMYK values of C:0.44, M:0, Y:0.04, K:0.69. Its decimal value is 2969677.

Hex triplet	2d504d	`#2d504d`
RGB Decimal	45, 80, 77	`rgb(45,80,77)`
RGB Percent	17.6, 31.4, 30.2	`rgb(17.6%,31.4%,30.2%)`
CMYK	44, 0, 4, 69
HSL	174.9°, 28, 24.5	`hsl(174.9,28%,24.5%)`
HSV (or HSB)	174.9°, 43.8, 31.4
Web Safe	336666	`#336666`

CIE-LAB	31.418, -13.488, -2.222
XYZ	5.29, 6.831, 8.06
xyY	0.262, 0.338, 6.831
CIE-LCH	31.418, 13.67, 189.354
CIE-LUV	31.418, -15.298, -0.966
Hunter-Lab	26.136, -9.608, 0.009
Binary	00101101, 01010000, 01001101

#2d504d
```
#2d504d rgb(45,80,77)
```
#502d30
```
#502d30 rgb(80,45,48)
```

Complementary Color

#2d503c
```
#2d503c rgb(45,80,60)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#2d4250
```
#2d4250 rgb(45,66,80)
```

Analogous Color

#503c2d
```
#503c2d rgb(80,60,45)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#502d42
```
#502d42 rgb(80,45,66)
```

Split Complementary Color

#504d2d
```
#504d2d rgb(80,77,45)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#4d2d50
```
#4d2d50 rgb(77,45,80)
```

Triadic Color

#30502d
```
#30502d rgb(48,80,45)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#4d2d50
```
#4d2d50 rgb(77,45,80)
```
#502d30
```
#502d30 rgb(80,45,48)
```

Tetradic Color

#111f1e
```
#111f1e rgb(17,31,30)
```
#1b2f2e
```
#1b2f2e rgb(27,47,46)
```
#24403d
```
#24403d rgb(36,64,61)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#36605d
```
#36605d rgb(54,96,93)
```
#3f716c
```
#3f716c rgb(63,113,108)
```
#49817c
```
#49817c rgb(73,129,124)
```

Monochromatic Color

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

#2d5044
```
#2d5044 rgb(45,80,68)
```
#2d5047
```
#2d5047 rgb(45,80,71)
```
#2d504a
```
#2d504a rgb(45,80,74)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#2d5050
```
#2d5050 rgb(45,80,80)
```
#2d4d50
```
#2d4d50 rgb(45,77,80)
```
#2d4a50
```
#2d4a50 rgb(45,74,80)
```

Similar Colors

Text with hexadecimal color #2d504d

This text has a font color of #2d504d.

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

#2d504d background color

This paragraph has a background color of #2d504d.

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

#2d504d border color

This element has a border color of #2d504d.

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

CSS codes

.text {color:#2d504d;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0a1111
```
#0a1111 rgb(10,17,17)
```
#111e1d
```
#111e1d rgb(17,30,29)
```
#182a29
```
#182a29 rgb(24,42,41)
```
#1f3735
```
#1f3735 rgb(31,55,53)
```
#264341
```
#264341 rgb(38,67,65)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#345d59
```
#345d59 rgb(52,93,89)
```
#3b6965
```
#3b6965 rgb(59,105,101)
```
#427671
```
#427671 rgb(66,118,113)
```
#49827d
```
#49827d rgb(73,130,125)
```
#508f89
```
#508f89 rgb(80,143,137)
```
#579b95
```
#579b95 rgb(87,155,149)
```

Shade Color Variation

#60a6a0
```
#60a6a0 rgb(96,166,160)
```
#6dada7
```
#6dada7 rgb(109,173,167)
```
#7ab4af
```
#7ab4af rgb(122,180,175)
```
#86bbb6
```
#86bbb6 rgb(134,187,182)
```
#93c2be
```
#93c2be rgb(147,194,190)
```
#9fc9c6
```
#9fc9c6 rgb(159,201,198)
```
#acd0cd
```
#acd0cd rgb(172,208,205)
```
#b8d7d5
```
#b8d7d5 rgb(184,215,213)
```
#c5dedc
```
#c5dedc rgb(197,222,220)
```
#d1e5e4
```
#d1e5e4 rgb(209,229,228)
```
#deeceb
```
#deeceb rgb(222,236,235)
```
#ebf4f3
```
#ebf4f3 rgb(235,244,243)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b4241 is the less saturated color, while #027b71 is the most saturated one.

#3b4241
```
#3b4241 rgb(59,66,65)
```
#374645
```
#374645 rgb(55,70,69)
```
#324b49
```
#324b49 rgb(50,75,73)
```
#2d504d
```
#2d504d rgb(45,80,77)
```
#285551
```
#285551 rgb(40,85,81)
```
#235a55
```
#235a55 rgb(35,90,85)
```
#1f5e59
```
#1f5e59 rgb(31,94,89)
```
#1a635d
```
#1a635d rgb(26,99,93)
```
#156861
```
#156861 rgb(21,104,97)
```
#106d65
```
#106d65 rgb(16,109,101)
```
#0b7269
```
#0b7269 rgb(11,114,105)
```
#07766d
```
#07766d rgb(7,118,109)
```
#027b71
```
#027b71 rgb(2,123,113)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404747 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545252 Protanopia 1% of men
#585159 Deuteranopia 1% of men
#3a575e Tritanopia 0.001% of the population

Trichromacy

#465150 Protanomaly 1% of men, 0.01% of women
#485054 Deuteranomaly 6% of men, 0.4% of women
#355557 Tritanomaly 0.01% of the population

#2d504d hex color

#2d504d Color Information

#2d504d Color Conversion

Color Schemes with #2d504d

Alternatives to #2d504d

#2d504d Preview

Shades and Tints of #2d504d

Tones of #2d504d

Color Blindness Simulator