#33504d hex color

In a RGB color space, hex #33504d is composed of 20% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 0% magenta, 3.7% yellow and 68.6% black. It has a hue angle of 173.8 degrees, a saturation of 22.1% and a lightness of 25.7%. #33504d color hex could be obtained by blending #66a09a with #000000. Closest websafe color is: #336666.

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

● #33504d color description : Very dark desaturated cyan.

The hexadecimal color #33504d has RGB values of R:51, G:80, B:77 and CMYK values of C:0.36, M:0, Y:0.04, K:0.69. Its decimal value is 3362893.

Hex triplet	33504d	`#33504d`
RGB Decimal	51, 80, 77	`rgb(51,80,77)`
RGB Percent	20, 31.4, 30.2	`rgb(20%,31.4%,30.2%)`
CMYK	36, 0, 4, 69
HSL	173.8°, 22.1, 25.7	`hsl(173.8,22.1%,25.7%)`
HSV (or HSB)	173.8°, 36.3, 31.4
Web Safe	336666	`#336666`

CIE-LAB	31.754, -11.587, -1.69
XYZ	5.573, 6.977, 8.074
xyY	0.27, 0.338, 6.977
CIE-LCH	31.754, 11.71, 188.296
CIE-LUV	31.754, -13.222, -0.538
Hunter-Lab	26.413, -8.561, 0.366
Binary	00110011, 01010000, 01001101

#33504d
```
#33504d rgb(51,80,77)
```
#503336
```
#503336 rgb(80,51,54)
```

Complementary Color

#33503f
```
#33503f rgb(51,80,63)
```
#33504d
```
#33504d rgb(51,80,77)
```
#334550
```
#334550 rgb(51,69,80)
```

Analogous Color

#503f33
```
#503f33 rgb(80,63,51)
```
#33504d
```
#33504d rgb(51,80,77)
```
#503345
```
#503345 rgb(80,51,69)
```

Split Complementary Color

#504d33
```
#504d33 rgb(80,77,51)
```
#33504d
```
#33504d rgb(51,80,77)
```
#4d3350
```
#4d3350 rgb(77,51,80)
```

Triadic Color

#365033
```
#365033 rgb(54,80,51)
```
#33504d
```
#33504d rgb(51,80,77)
```
#4d3350
```
#4d3350 rgb(77,51,80)
```
#503336
```
#503336 rgb(80,51,54)
```

Tetradic Color

#152120
```
#152120 rgb(21,33,32)
```
#1f312f
```
#1f312f rgb(31,49,47)
```
#29403e
```
#29403e rgb(41,64,62)
```
#33504d
```
#33504d rgb(51,80,77)
```
#3d605c
```
#3d605c rgb(61,96,92)
```
#476f6b
```
#476f6b rgb(71,111,107)
```
#517f7a
```
#517f7a rgb(81,127,122)
```

Monochromatic Color

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

#335046
```
#335046 rgb(51,80,70)
```
#335048
```
#335048 rgb(51,80,72)
```
#33504b
```
#33504b rgb(51,80,75)
```
#33504d
```
#33504d rgb(51,80,77)
```
#33504f
```
#33504f rgb(51,80,79)
```
#334e50
```
#334e50 rgb(51,78,80)
```
#334c50
```
#334c50 rgb(51,76,80)
```

Similar Colors

Text with hexadecimal color #33504d

This text has a font color of #33504d.

<span style="color:#33504d;">Text here</span>

#33504d background color

This paragraph has a background color of #33504d.

<p style="background-color:#33504d;">Content here</p>

#33504d border color

This element has a border color of #33504d.

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

CSS codes

.text {color:#33504d;}

.background {background-color:#33504d;}

.border {border:1px solid #33504d;}

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

#050808
```
#050808 rgb(5,8,8)
```
#0d1413
```
#0d1413 rgb(13,20,19)
```
#14201f
```
#14201f rgb(20,32,31)
```
#1c2c2a
```
#1c2c2a rgb(28,44,42)
```
#243836
```
#243836 rgb(36,56,54)
```
#2b4441
```
#2b4441 rgb(43,68,65)
```
#33504d
```
#33504d rgb(51,80,77)
```
#3b5c59
```
#3b5c59 rgb(59,92,89)
```
#426864
```
#426864 rgb(66,104,100)
```
#4a7470
```
#4a7470 rgb(74,116,112)
```
#52807b
```
#52807b rgb(82,128,123)
```
#598c87
```
#598c87 rgb(89,140,135)
```
#619892
```
#619892 rgb(97,152,146)
```

Shade Color Variation

#6ba19b
```
#6ba19b rgb(107,161,155)
```
#77a9a3
```
#77a9a3 rgb(119,169,163)
```
#83b0ac
```
#83b0ac rgb(131,176,172)
```
#8fb8b4
```
#8fb8b4 rgb(143,184,180)
```
#9bbfbc
```
#9bbfbc rgb(155,191,188)
```
#a7c7c4
```
#a7c7c4 rgb(167,199,196)
```
#b3cfcc
```
#b3cfcc rgb(179,207,204)
```
#bfd6d4
```
#bfd6d4 rgb(191,214,212)
```
#cbdedc
```
#cbdedc rgb(203,222,220)
```
#d7e6e4
```
#d7e6e4 rgb(215,230,228)
```
#e3edec
```
#e3edec rgb(227,237,236)
```
#eff5f4
```
#eff5f4 rgb(239,245,244)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#3d4645
```
#3d4645 rgb(61,70,69)
```
#384b49
```
#384b49 rgb(56,75,73)
```
#33504d
```
#33504d rgb(51,80,77)
```
#2e5551
```
#2e5551 rgb(46,85,81)
```
#295a55
```
#295a55 rgb(41,90,85)
```
#245f59
```
#245f59 rgb(36,95,89)
```
#1f645d
```
#1f645d rgb(31,100,93)
```
#1a6961
```
#1a6961 rgb(26,105,97)
```
#156e65
```
#156e65 rgb(21,110,101)
```
#107369
```
#107369 rgb(16,115,105)
```
#0b786d
```
#0b786d rgb(11,120,109)
```
#067d71
```
#067d71 rgb(6,125,113)
```
#018275
```
#018275 rgb(1,130,117)
```

Tone Color Variation

Below, you can see how #33504d 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

#474747 Achromatopsia 0.005% of the population
#434948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555353 Protanopia 1% of men
#595158 Deuteranopia 1% of men
#3f575e Tritanopia 0.001% of the population

Trichromacy

#495251 Protanomaly 1% of men, 0.01% of women
#4b5154 Deuteranomaly 6% of men, 0.4% of women
#3b5557 Tritanomaly 0.01% of the population

#33504d hex color

#33504d Color Information

#33504d Color Conversion

Color Schemes with #33504d

Alternatives to #33504d

#33504d Preview

Shades and Tints of #33504d

Tones of #33504d

Color Blindness Simulator