#3d504f hex color

In a RGB color space, hex #3d504f is composed of 23.9% red, 31.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 1.3% yellow and 68.6% black. It has a hue angle of 176.8 degrees, a saturation of 13.5% and a lightness of 27.6%. #3d504f color hex could be obtained by blending #7aa09e with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 31
- B 31
RGB color chart
- C 24
- M 0
- Y 1
- K 69
CMYK color chart

● #3d504f color description : Very dark grayish cyan.

The hexadecimal color #3d504f has RGB values of R:61, G:80, B:79 and CMYK values of C:0.24, M:0, Y:0.01, K:0.69. Its decimal value is 4018255.

Hex triplet	3d504f	`#3d504f`
RGB Decimal	61, 80, 79	`rgb(61,80,79)`
RGB Percent	23.9, 31.4, 31	`rgb(23.9%,31.4%,31%)`
CMYK	24, 0, 1, 69
HSL	176.8°, 13.5, 27.6	`hsl(176.8,13.5%,27.6%)`
HSV (or HSB)	176.8°, 23.8, 31.4
Web Safe	336666	`#336666`

CIE-LAB	32.466, -7.589, -1.839
XYZ	6.204, 7.294, 8.478
xyY	0.282, 0.332, 7.294
CIE-LCH	32.466, 7.809, 193.623
CIE-LUV	32.466, -9.24, -1.233
Hunter-Lab	27.007, -6.257, 0.293
Binary	00111101, 01010000, 01001111

#3d504f
```
#3d504f rgb(61,80,79)
```
#503d3e
```
#503d3e rgb(80,61,62)
```

Complementary Color

#3d5046
```
#3d5046 rgb(61,80,70)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#3d4850
```
#3d4850 rgb(61,72,80)
```

Analogous Color

#50463d
```
#50463d rgb(80,70,61)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#503d48
```
#503d48 rgb(80,61,72)
```

Split Complementary Color

#504f3d
```
#504f3d rgb(80,79,61)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#4f3d50
```
#4f3d50 rgb(79,61,80)
```

Triadic Color

#3e503d
```
#3e503d rgb(62,80,61)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#4f3d50
```
#4f3d50 rgb(79,61,80)
```
#503d3e
```
#503d3e rgb(80,61,62)
```

Tetradic Color

#1c2524
```
#1c2524 rgb(28,37,36)
```
#273332
```
#273332 rgb(39,51,50)
```
#324241
```
#324241 rgb(50,66,65)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#485e5d
```
#485e5d rgb(72,94,93)
```
#536d6c
```
#536d6c rgb(83,109,108)
```
#5e7b7a
```
#5e7b7a rgb(94,123,122)
```

Monochromatic Color

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

#3d504a
```
#3d504a rgb(61,80,74)
```
#3d504c
```
#3d504c rgb(61,80,76)
```
#3d504d
```
#3d504d rgb(61,80,77)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#3d4f50
```
#3d4f50 rgb(61,79,80)
```
#3d4e50
```
#3d4e50 rgb(61,78,80)
```
#3d4c50
```
#3d4c50 rgb(61,76,80)
```

Similar Colors

Text with hexadecimal color #3d504f

This text has a font color of #3d504f.

<span style="color:#3d504f;">Text here</span>

#3d504f background color

This paragraph has a background color of #3d504f.

<p style="background-color:#3d504f;">Content here</p>

#3d504f border color

This element has a border color of #3d504f.

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

CSS codes

.text {color:#3d504f;}

.background {background-color:#3d504f;}

.border {border:1px solid #3d504f;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0d0d
```
#0a0d0d rgb(10,13,13)
```
#131818
```
#131818 rgb(19,24,24)
```
#1b2323
```
#1b2323 rgb(27,35,35)
```
#242f2e
```
#242f2e rgb(36,47,46)
```
#2c3a39
```
#2c3a39 rgb(44,58,57)
```
#354544
```
#354544 rgb(53,69,68)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#455b5a
```
#455b5a rgb(69,91,90)
```
#4e6665
```
#4e6665 rgb(78,102,101)
```
#567170
```
#567170 rgb(86,113,112)
```
#5f7d7b
```
#5f7d7b rgb(95,125,123)
```
#678886
```
#678886 rgb(103,136,134)
```

Shade Color Variation

#709290
```
#709290 rgb(112,146,144)
```
#7c9b99
```
#7c9b99 rgb(124,155,153)
```
#87a3a2
```
#87a3a2 rgb(135,163,162)
```
#92acaa
```
#92acaa rgb(146,172,170)
```
#9db4b3
```
#9db4b3 rgb(157,180,179)
```
#a8bdbc
```
#a8bdbc rgb(168,189,188)
```
#b3c5c4
```
#b3c5c4 rgb(179,197,196)
```
#bececd
```
#bececd rgb(190,206,205)
```
#c9d6d5
```
#c9d6d5 rgb(201,214,213)
```
#d5dfde
```
#d5dfde rgb(213,223,222)
```
#e0e7e7
```
#e0e7e7 rgb(224,231,231)
```
#ebf0ef
```
#ebf0ef rgb(235,240,239)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #424b4a is the less saturated color, while #018c84 is the most saturated one.

#424b4a
```
#424b4a rgb(66,75,74)
```
#3d504f
```
#3d504f rgb(61,80,79)
```
#385554
```
#385554 rgb(56,85,84)
```
#325b59
```
#325b59 rgb(50,91,89)
```
#2d605e
```
#2d605e rgb(45,96,94)
```
#276662
```
#276662 rgb(39,102,98)
```
#226b67
```
#226b67 rgb(34,107,103)
```
#1c716c
```
#1c716c rgb(28,113,108)
```
#177671
```
#177671 rgb(23,118,113)
```
#127b76
```
#127b76 rgb(18,123,118)
```
#0c817b
```
#0c817b rgb(12,129,123)
```
#078680
```
#078680 rgb(7,134,128)
```
#018c84
```
#018c84 rgb(1,140,132)
```

Tone Color Variation

Below, you can see how #3d504f 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

#4a4a4a Achromatopsia 0.005% of the population
#474b4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#565556 Protanopia 1% of men
#5b535a Deuteranopia 1% of men
#48585e Tritanopia 0.001% of the population

Trichromacy

#4d5353 Protanomaly 1% of men, 0.01% of women
#505256 Deuteranomaly 6% of men, 0.4% of women
#445558 Tritanomaly 0.01% of the population

#3d504f hex color

#3d504f Color Information

#3d504f Color Conversion

Color Schemes with #3d504f

Alternatives to #3d504f

#3d504f Preview

Shades and Tints of #3d504f

Tones of #3d504f

Color Blindness Simulator