#33504e hex color

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

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

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

The hexadecimal color #33504e has RGB values of R:51, G:80, B:78 and CMYK values of C:0.36, M:0, Y:0.02, K:0.69. Its decimal value is 3362894.

Hex triplet	33504e	`#33504e`
RGB Decimal	51, 80, 78	`rgb(51,80,78)`
RGB Percent	20, 31.4, 30.6	`rgb(20%,31.4%,30.6%)`
CMYK	36, 0, 2, 69
HSL	175.9°, 22.1, 25.7	`hsl(175.9,22.1%,25.7%)`
HSV (or HSB)	175.9°, 36.3, 31.4
Web Safe	336666	`#336666`

CIE-LAB	31.786, -11.315, -2.279
XYZ	5.609, 6.991, 8.261
xyY	0.269, 0.335, 6.991
CIE-LCH	31.786, 11.542, 191.387
CIE-LUV	31.786, -13.211, -1.304
Hunter-Lab	26.44, -8.406, -0.017
Binary	00110011, 01010000, 01001110

#33504e
```
#33504e rgb(51,80,78)
```
#503335
```
#503335 rgb(80,51,53)
```

Complementary Color

#335040
```
#335040 rgb(51,80,64)
```
#33504e
```
#33504e rgb(51,80,78)
```
#334450
```
#334450 rgb(51,68,80)
```

Analogous Color

#504033
```
#504033 rgb(80,64,51)
```
#33504e
```
#33504e rgb(51,80,78)
```
#503344
```
#503344 rgb(80,51,68)
```

Split Complementary Color

#504e33
```
#504e33 rgb(80,78,51)
```
#33504e
```
#33504e rgb(51,80,78)
```
#4e3350
```
#4e3350 rgb(78,51,80)
```

Triadic Color

#355033
```
#355033 rgb(53,80,51)
```
#33504e
```
#33504e rgb(51,80,78)
```
#4e3350
```
#4e3350 rgb(78,51,80)
```
#503335
```
#503335 rgb(80,51,53)
```

Tetradic Color

#152120
```
#152120 rgb(21,33,32)
```
#1f3130
```
#1f3130 rgb(31,49,48)
```
#29403f
```
#29403f rgb(41,64,63)
```
#33504e
```
#33504e rgb(51,80,78)
```
#3d605d
```
#3d605d rgb(61,96,93)
```
#476f6c
```
#476f6c rgb(71,111,108)
```
#517f7c
```
#517f7c rgb(81,127,124)
```

Monochromatic Color

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

#335047
```
#335047 rgb(51,80,71)
```
#335049
```
#335049 rgb(51,80,73)
```
#33504c
```
#33504c rgb(51,80,76)
```
#33504e
```
#33504e rgb(51,80,78)
```
#335050
```
#335050 rgb(51,80,80)
```
#334d50
```
#334d50 rgb(51,77,80)
```
#334b50
```
#334b50 rgb(51,75,80)
```

Similar Colors

Text with hexadecimal color #33504e

This text has a font color of #33504e.

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

#33504e background color

This paragraph has a background color of #33504e.

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

#33504e border color

This element has a border color of #33504e.

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

CSS codes

.text {color:#33504e;}

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

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

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)
```
#0d1414
```
#0d1414 rgb(13,20,20)
```
#14201f
```
#14201f rgb(20,32,31)
```
#1c2c2b
```
#1c2c2b rgb(28,44,43)
```
#243837
```
#243837 rgb(36,56,55)
```
#2b4442
```
#2b4442 rgb(43,68,66)
```
#33504e
```
#33504e rgb(51,80,78)
```
#3b5c5a
```
#3b5c5a rgb(59,92,90)
```
#426865
```
#426865 rgb(66,104,101)
```
#4a7471
```
#4a7471 rgb(74,116,113)
```
#52807d
```
#52807d rgb(82,128,125)
```
#598c88
```
#598c88 rgb(89,140,136)
```
#619894
```
#619894 rgb(97,152,148)
```

Shade Color Variation

#6ba19d
```
#6ba19d rgb(107,161,157)
```
#77a9a5
```
#77a9a5 rgb(119,169,165)
```
#83b0ad
```
#83b0ad rgb(131,176,173)
```
#8fb8b5
```
#8fb8b5 rgb(143,184,181)
```
#9bbfbd
```
#9bbfbd rgb(155,191,189)
```
#a7c7c5
```
#a7c7c5 rgb(167,199,197)
```
#b3cfcd
```
#b3cfcd rgb(179,207,205)
```
#bfd6d5
```
#bfd6d5 rgb(191,214,213)
```
#cbdedd
```
#cbdedd rgb(203,222,221)
```
#d7e6e5
```
#d7e6e5 rgb(215,230,229)
```
#e3eded
```
#e3eded rgb(227,237,237)
```
#eff5f5
```
#eff5f5 rgb(239,245,245)
```
#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 #018279 is the most saturated one.

#3d4645
```
#3d4645 rgb(61,70,69)
```
#384b4a
```
#384b4a rgb(56,75,74)
```
#33504e
```
#33504e rgb(51,80,78)
```
#2e5552
```
#2e5552 rgb(46,85,82)
```
#295a57
```
#295a57 rgb(41,90,87)
```
#245f5b
```
#245f5b rgb(36,95,91)
```
#1f645f
```
#1f645f rgb(31,100,95)
```
#1a6964
```
#1a6964 rgb(26,105,100)
```
#156e68
```
#156e68 rgb(21,110,104)
```
#10736c
```
#10736c rgb(16,115,108)
```
#0b7871
```
#0b7871 rgb(11,120,113)
```
#067d75
```
#067d75 rgb(6,125,117)
```
#018279
```
#018279 rgb(1,130,121)
```

Tone Color Variation

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

#555354 Protanopia 1% of men
#595159 Deuteranopia 1% of men
#3f575e Tritanopia 0.001% of the population

Trichromacy

#485252 Protanomaly 1% of men, 0.01% of women
#4b5155 Deuteranomaly 6% of men, 0.4% of women
#3b5558 Tritanomaly 0.01% of the population

#33504e hex color

#33504e Color Information

#33504e Color Conversion

Color Schemes with #33504e

Alternatives to #33504e

#33504e Preview

Shades and Tints of #33504e

Tones of #33504e

Color Blindness Simulator